HTML标记语言

一、HTML的语法
二、html的基本结构
三、文档设置标记
四、图像标记
五、超链接的使用
六、表格
七、HTML框架
八、表单设计

三、文档设置标记

1. 格式标记

1) <br/> 强制换行标记

让后面的文字、图片、表格等等，显示在下一行

2) <p> 换段落标记

换段落，由于多个空格和回车在HTML中会被等效为一个空格，所以HTML中要换段落就要用<p>,<p>段落中也可以包含<p>段落！
属性align：说明文本对齐方式

3) <center> 居中对齐标记

让段落或者是文字相对于父标记居中显示

4) <pre> 预格式化标记

保留预先编排好的格式

5) <li> 列表项目标记

每一个列表使用一个<li>标记

6) <ul> 无序列表标记 Unordered List

<ul>声明这个列表没有序号

7) <ol> 有序列表标记 Ordered List

可以显示特定的一些顺序
格式
<ol type="符号类型">
<li type="符号类型"></li>
<li type="符号类型"></li>
</ol>
有序列表的type属性值

• 1 阿拉伯数字1.2.3等等，默认type属性值
• A 大小字母A、B、C等等
• a 小写字母a、b、c等等
• Ⅰ 大写罗马数字Ⅰ、Ⅱ、Ⅲ、Ⅳ等等
• ⅰ 小写罗马数字ⅰ、ⅱ、ⅲ、ⅳ等等
  value 指定一个新的序列数字起始值
  列表可以进行嵌套

8) <dl><dt><dd> 定义列表

• dl（definition list）：<dl>…</dl>创建定义列表

• 每一项以<dt>（definition term）开始

• 每个项目以<dd>（definition description）开始
  使用场合：对列表条目进行简短的说明
  格式

                <dl>
                    <dt>软件说明：</dt>
                    <dd>简单介绍软件的功能及基本应用</dd>
                    <dt>软件界面</dt>
                    <dd>用于选择软件的外观</dd>
                </dl>
  

                                  软件说明
                    简单介绍软件的功能及基本应用
                软件界面
                    用于选择软件的外观

9) <hr> 水平分割线标记

            <hr size="3" align="left" width="20">`

size：线的粗细/厚度 align：对齐方式 width：线的宽度 noshade：加入一条没有阴影的水平线

10) <div> 分区显示标记，也称之为层标记

常用来编排一大段的HTML段落，也可以用于格式化表，和<p>很相似
层可以多层嵌套使用

2. 文本标记

1) hn 标题标记

共有6个级别，n的范围1~6，不同级别对应显示大小不同的标题，h1最大，h6最小
不要为了把文本字体加大或加粗而使用标题标记，因为搜索引擎会使用标题为网页结构与内容编制索引，所以用标题来呈现文档结构很重要

2) font 字体设置标记

设置字体的格式
三个常用属性

• size（字体大小） <font size="14px">
• color（颜色） <font color="red">
• face（字体） <font face="微软雅黑">

3) b

粗字体标记

4) i

斜字体标记

5) sub

文字下标字体标记

6) sup

文字上标字体标记

7) tt

打印机字体标记

8) cite

引用方式的字体，通常是斜体

9) em

表示强调，通常显示为斜体字

10) strong

表示强调，通常显示为粗体字

11) small

小型字体标记，可嵌套

12) big

大型字体标记，可嵌套

13) u

下划线字体标记