HTML超文本标记语言2
二、基本标签
1.文件标签（结构）
根标签
页面所有内容
包括：
text=“文本颜色”
bgcolor=“背景颜色”
background=“背景图”
颜色属性的拓展：
1.单词：red，green，blue 2.rgb三原色：rgb（red，green，blue），rgb（0，0，0），值范围0-255 3.#000000（黑色），#FFFFFF（白色），#FF0000，值范围#000000-#FFFFFF
2.排版标签
1）
2）换行标签
3）
段落标签：文本内容-文字
段与段之间会有空行
对齐方式属性align=（三个属性值取其一）“left/center/right”
4）水平线
长width=""
高size=""
色color=""
对齐属性align同上
尺寸（长、高）的表示方法：1.百分百（随着页面大小变化而变化，占据百分比的比例） 2.像素（例如：100px）
3.文字标签
基本文字标签
属性：1.color颜色（属性值上面有说明） 2.face字体 3.size大小（max：7 min：1 default：3）
说到文字标签，可必须得拉上标题标签扯上一扯。
标题标签
随着阿拉伯数字的增加字体随之减小，粗字体，大小是内置，默认占一行
......
标题标签
4.块标签
行级块标签：占据一行
用处：div+css
其他行级标签：p、ol、li、dl、dt、dd、h1~h6、form、ul
行内块标签：占据一行内的一小块
用处：设置提示、文字样式
其他行内标签：a、strong、b、i、u、label、br、em
5.清单标签/列表标签
1)
- 无序列表
列表项
属性（type）=“disc/square/circle”
disc：实心圆（默认）
square:实心方块
circle：空心圆
小例子：
- 列表项
2)
- 有序列表
列表项
属性（type）=“数字/字母/罗马字”，start（首选项开始）=“数字”
小例子：
- 列表项
作用：实现菜单（横/纵）
去除小圆点：这是无序列表标签自带属性，在HTML中无法直接去除。方法：在CSS中的li标签添加list-style：none；
6.链接标签
7.图片标签
<img "图片标签/不需手动关闭"
src：照片的位置
alt：图片说明
width=“1.百分比 2.像素”：宽
height=“1.百分比 2.像素”：高 border=“1.百分比 2.像素”：框
align=“top/middle/bottom/left/right”：对齐：图片和相邻文本的相对位置
/>
8.表格标签
重点：table、tr、td、th
表格页眉，用于组合HTML表格的表头内容，页眉内部必须有tr标签
定义表格主体，用于组合HTML表格主体内容
页脚，用于组合HTML表格的表注内容
thead、tbody、tfoot分块加载显示，由头到身体再到脚
表格标签
border=“1.百分比 2.像素”：框
width=“1.百分比 2.像素”
align对齐方式
行，可有一个或多个th
align表格行对齐，bgcolor背景色
td和th皆为单元格：td表格单元格，包含数据。th表头单元格，包含表头。
作用：表格样式、页面布局
align表格内容对齐、height、width、bgcolor colspan设定列合并，rowspan设定行合并 |
定义表格的表头。默认居中加粗 |
|---|
示例：
body的代码
`
真
漂亮！
忆江南
白居易
江南好，风景旧曾谙。日出江花红胜火，春来江水绿如蓝。能不忆江南？
江南忆，最忆是杭州。山寺月中寻桂子，郡亭枕上看潮头。何日更重游？
江南忆，其次忆吴宫。吴酒一杯春竹叶，吴娃双舞醉芙蓉。早晚复相逢？
标题1
标题2
标题3
标题4
标题5
标题6
贼厉害1
111
贼厉害2
贼厉害3
- 列表1
- 列表2
- 列表4
- 列表3
- 列表4
- 清单1
- 清单1
- 清单1
- 清单1
- 清单2
- 清单2
- 清单2
- 清单2
- 清单3
- 清单3
- 清单3
- 清单3
- 清单4
- 清单4
- 清单4
- 清单4
| 专业 | 学费 | 住宿费 |
| 网络 | 5xxx | xxx |
| 自动化 | 7xxx | yyy |
| 会计 | 8xxx | jjj |
`
图例：
注：未经同意请勿转载，仅作学习使用。以上有描述不正确之处，望大家能不吝指出，共同学习共同进步。谢谢
浙公网安备 33010602011771号