第一次网页前端培训笔记（HTML标签）-CSDN博客

本文链接：https://blog.csdn.net/Perfect_loveyou/article/details/122785427

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />提供文档信息，浏览器设置utf-8可以显示中文
		<title>标题</title>
	</head>
	<body>
		内容
	</body>
</html>

标题：h1~h6，大小递减，会自动换行（块级元素）减少使用h1标签，<h1></h1>。

段落：p，会自动换行（块级元素），<p></p>。

换行：br，单标签 <br>或<br/>。

水平线：hr，单标签，属性有color颜色，size粗细，width长度，align对齐方式，

<hr color=" " size=" " width="百分比或px" align="默认居中/lift/right">。

无序列表：ul，前面可为三种形状，<ul type=" "><li>内容<li></ul>。

有序列表：ol，前面为排序可选五种，<ol type=" "><li>内容<li></ol>。

div：万能标签，块级元素，可与css配合使用，默认占全部宽度，高度有多少占多少，可设置

style设置width宽度，height高度，align设置对齐方式，

<div style="width: px或百分比;height: px;"align=" ">内容</div>。

span：行内元素，不会自动换行，不可设置宽高，<span>内容</span>。

格式化标签：有font标签、pre标签、b、i、u、del、sup、sub。

font：可设置color字体颜色、size字体大小、face字体风格，

<font color=" " size=" " face=" ">内容</font>。

pre：为预格式化标签，可保留空格与换行，<pre>内容</pre>。

b:加粗（也可以用strong）i:倾斜 u:下划线 del:中划线 sup:上 b:下标皆为双标签。

a标签：超链接标签，用于链接到一个新的URL。

常用属性：href(必须属性)为需要跳转的地址、target为窗口打开方式:_self为当前窗口打开(默认);_blank为空白窗口打开，<a href=" " target=" ">名字</a>

作为锚点：name属性，<a name=" ">内容</a>、其他id属性<div id=" ">内容<div>

图像：img其源属性为src，alt 属性用来为图像定义一串预备的可替换的文本

<img src="URL" alt="some_text">，URL指存储图像的位置。

height（高度）与 width（宽度）属性用于设置图像的高度与宽度。

border设置边框,title为当鼠标悬停在上面时显示的文本。

表格：table，分为tr(行),th(表头),td(标准单元格)。

table的属性有width(宽度),border(边框),align(对齐方式),tr的属性有algin(行内容的对齐方式),bgcolor(格子颜色)。可以table属性中加上style="border-collapse: collapse;"合并边框。

<tr> <td>标准单元格内容</td> </tr> </table>

第一次网页前端培训笔记（HTML标签）