韩顺平HTML/CSS/JavaScript教程：入门到基础结构

需积分: 9 64 浏览量更新于2024-09-11 收藏 956KB DOCX 举报

本资源是一份由韩顺平编写的HTML、CSS和JavaScript学习笔记，详细讲解了HTML的基础知识和核心概念。首先，它介绍了HTML的运行原理，无论是本地在浏览器上预览还是通过网络远程访问，都涉及到浏览器的角色和网页的加载过程。 HTML的基本结构被强调为基石，包括元素的基本定义，如标签的使用方法，如`<p>`表示段落，`<font>`用于字体格式设置，但要注意正确的语法如指定`<font>`的`size`属性值应为1到7之间，而`<h#>`用于设置标题级别，`<b>`实现粗体效果。此外，还介绍了`<head>`与`<body>`之间的区分，以及如何在文档中添加标题、文本颜色和字体大小等。在符号实体方面，提到常用的字符实体，如版权符号`©`、英镑符号`£`和注册商标符号`®`，这些都是在编写HTML时可能会用到的一些特殊字符。超链接是HTML的重要组成部分，学习了如何创建链接到其他页面，包括使用`<a>`标签指定目标地址，如`target="_blank"`用于在新窗口打开链接。示例中演示了不同类型的超链接，包括在同一页面内跳转和指向外部网站。图片元素`<img>`的使用方法也得到讲解，包括设置图片源URL、宽度和边框样式。值得注意的是，`src`属性可以引用外部网络图片资源。最后，表格是HTML中的重要元素，用于展示数据和布局，其基本语法包括`<table>`标签，以及如何设置边框宽度。表格的运用对于数据展示和页面设计具有重要意义。这份笔记提供了扎实的基础知识，适合初学者系统学习HTML，并理解其在网页开发中的实际应用。通过理解和实践这些内容，读者将能够构建出功能丰富的网页结构。

● Cellspacing 表示空隙大小：指两个列，行间的距离

● Cellpadding：表示填充大小：各行各列中的内容被填充，这样就会在一定程度撑大

单元格

<html>

<head>

</head>

<body>

<tr align="center"><td>yangM</td><td>qiuY</td><td>wP</td></tr>

</body>

</html>

<html>

<head>

</head>

<body>

<table border=1 bordercolor=#E674FA cellspacing=0 height=180

align=center width=400px>

<tr align=center><td colspan=3>星期一菜谱</td></tr>

<tr align=center><td rowspan=2>素菜</td><td>青草茄子</td><td>花椒土豆

</td></tr>

<tr align=center><td rowspan=2>荤菜</td><td>鱼香肉丝</td><td>油闷大虾

</td></tr>

</table>

</body>

剩余11页未读，继续阅读

天水笑微

粉丝: 7

韩顺平HTML/CSS/JavaScript教程：入门到基础结构

韩顺平 html+css+javascript

韩顺平html+css+javascript-----div+css笔记

韩顺平html+css+javascript笔记完整版

韩顺平html+css+js之javascript笔记

韩顺平html+css笔记

韩顺平 html+css+JS完整笔记

韩顺平 html+css+js笔记(全)

韩顺平html+div+css+js全部笔记及w3c帮助文档

韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT》之Javascript学习笔记

韩顺平 轻松搞定网页设计html+_DIV+CSS_+javascript视频笔记_全

最新资源

韩顺平轻松搞定网页设计html+_DIV+CSS_+javascript视频笔记_全