标签学习
1，文件标签：构成html最基本的标签
HTML：html文档的跟标签
head：头标签，用于指定html文档的一些属性。引入外部的资源
tiele：标题标
body：体标签
2.文本标签：和文本有关的标签
注释：'</!-- 注释 -->'
<//h1> to <//h6>:标题标签
<//p>:段落标签
<//br>:换行标签
<//hr>:展示标签
*属性
* clolor
* width
* size
* aligh:对齐方式
centre
left
right
<//b>加粗；<//i>斜体
:字体标签
*属性:颜色,大小,字体
*color:
1.英文单词:red,green,blue
2.rgb(值1,值2,值3):值的范围:0~255,eg.rgb(0,0,255)
3.#值1zhi2值3:值的范围:00~FF.如#FF00FF
*width:
1.数值:width:='20',数值的单位默认为px
2.数值%:占比相对于父元素的比例
3.图片标签
img:展示图片
* 属性:
* scr:指定图片的路径.两种:绝对路径和相对路径
4.列表标签:
有序列表:<\ol type="样式" start='起点'><\li>列表属性</li></ol>
无序列表:<\ul></ul>其余一样
5.链接标签
a:定义一个超链接
* 属性:
* href:指定访问资源的URL
eg:<\a href="www.baidu.com">林</a>
target:_self:默认值,在当前页面打开
_black：在空白页面打开
嵌套调用，点击图片进入网站<\a href="???.com"><\img src="???"></a>
6.块标签
<\div>:每一个div沾满一整行.会计标签
<\span>:文本信息在一行展示,行内标签 内联标签
7.语义化标签: html5中为了提高程序的可读性而设置
1.<\header>
2.<\footer>
7.表格标签：
table:定义表格
width：宽度
border:边框
cellpadding: 定义内容和单元格的距离
cellspacing:定义单元格之间的距离。如果指定为0，则单元格的线会合为一条
bgcolor:背景色
align:对齐方式
tr:定义行
bgcolor:背景色
align:对齐方式
td:定义单元格
colspan：合并列
rowspan：合并行
th:定义表头单元格
<\caption>:表格标题
<\thead>表示表格的头部分
<\tbody>:表示表格的体部分
<\tfoot>:表示表格的脚部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格标签</title>
</head>
<body>
<table broder ="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#faedb7" align="center">
<caption>学生嘻嘻表</caption>
<tr>
<td>编号</td>
<td>姓名</td>
<td>成绩</td>
</tr>
<tr>
<td>1</td>
<td>林大宝</td>
<td>100</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格标签</title>
</head>
<body>
<table broder ="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#faedb7" align="center">
<caption>学生嘻嘻表</caption>
<tr>
<th rowspan="2">编号</th>
<th>姓名</th>
<th>成绩</th>
</tr>
<tr>
<td colsapn="2">林大宝</td>
<td>100</td>
</tr>
</table>
</body>
</html>
| 编号 | 姓名 | 成绩 |
| 1 | 林大宝 | 100 |
| 编号 | 姓名 | 成绩 |
|---|---|---|
| 林大宝 | 100 |
