一.文本页面组成元素
大多数静态页面都是由以下四种元素组成——文字、图片、超链接、音频和视频。
*特别注意:不是“会动”的页面就叫动态页面。静态页面和动态页面的区别在于是否与服务器进行数据交互。
以下这5种情况都不一定是动态页面——带有音频和视频;带有Flash动画;带有CSS动画;带有JavaScript特效。
二.标题标签
在HTML中,共有6个级别标签:h1、h2、h3、h4、h5、h6。其中h1标签的重要性最高,h6标签的重要性最低。一个页面一般只能有一个h1标签,而h2到h6标签可以有多个。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>标题标签</title>
</head>
<body>
<h1>这是一级标签</h1>
<h2>这是二级标签</h2>
<h3>这是三级标签</h3>
<h4>这是四级标签</h4>
<h5>这是五级标签</h5>
<h6>这是六级标签</h6>
</body>
</html>
三.段落标签
段落标签<p></p> 换行标签<br/>
*进行换行有两种方法:一种是“使用两个p标签”,另一种是“使用br标签”
eg: 使用两个p标签
四.文本标签
a.粗体标签:strong、b。
b.斜体标签:i、em、cite。
c.上标标签:sup。
d.下标标签:sub。
e.中划线标签:s。
f.下划线标签:u。
g.大字号标签:big。
h.小字号标签:small。
eg: c.上标标签
e.中划线标签
五.水平线标签
语法:<hr/>
六.div标签
div,用来划分一个区域 。
eg:
七.自闭合标签
在HTML中,标签分为两种:一般标签和自闭合标签。
一般标签:由于有开始符号和结束符号,因此可以在内部插入其他标签或文字。
自闭合标签:由于只有开始符号而没有结束符号,因此不可以在内部插入标签或文字。
标签 | 说明 |
<meta/> | 定义网页的信息(供搜索引擎查看) |
<link/> | 引入“外部CSS文件” |
<br/> | 换行标签 |
<hr/> | 水平线标签 |
<img/> | 图片标签 |
<input/> | 表单标签 |
八.块元素和行内元素(标签也叫做“元素”)
1.块元素
块元素 | 说明 |
h1~h6 | 标题元素 |
p | 段落元素 |
div | div元素 |
hr | 水平线 |
ol | 有序列表 |
ul | 无序列表 |
eg:
***块元素独占一行,排斥其他元素(包括块元素和行内元素)与其位于同一行。
块元素内部可以容纳其他块元素和行内元素。
2.行内元素
行内元素 | 说明 |
strong | 粗体元素 |
em | 斜体元素 |
a | 超链接 |
span | 常用行内元素,结合CSS定义样式 |
***行内元素可以和其他行内元素位于同一行。
行内元素内部可以容纳其他行内元素,但不可以容纳块元素。
九.特殊符号
A.空格的代码是“ " ***1个汉字约等于3个“ "
B.
特殊符号 | 说明 | 代码 |
§ | 分节符 | § |
© | 版权符 | © |
® | 注册商标 | ® |
™ | 商标 | ™ |
€ | 欧元 | € |
£ | 英镑 | £ |
¥ | 日元 | ¥ |
° | 度 | ° |