前端part-1-基础标签
原创
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>猜猜我想说什么</title><!--这是一个注释-->
</head>
<body>
<h1>叼毛！</h1>
<img src="食屎.jpg" alt="食屎啦你" title="鼠标划个鸡儿啊">
<!--
src 图片地址
alt 如果图片加载不出来，显示的字
title 鼠标在图片上面停留的时候加载的字
-->
<a href="https://www.baidu.com/" target="_blank">百度一下？死靓仔</a>
<!--
href 超链接的地址
target 是否新开一个浏览器的窗口，默认在原来的窗口上跳转
两个 a 之间的字就是 link_text
-->
<br>
<!--
单独一个br代表换行
-->
<b> 这是一个加粗的字体</b>
<br>
<i>这是一个倾斜的字体</i>
<br>
<u>这是一个带下划线的字体</u>
<br>
<s>这是一个带中划线的字体</s>
</body>
</html>
<br>
<span>老子是span</span>
<span>老子是span</span>
<span>老子是span</span>
<!--
<span不带换行>
-->
<div>老子是div</div>
<div>老子是div</div>
<div>老子是div</div>
<!--
<div自带换行>
-->
<p>这是一个p</p>
<p>这是一个p</p>
<p>这是一个p</p>
<!--
p标签自带空一行换行
-->
<ul>
<li>第一</li>
<li>第三</li>
<li>第二</li>
</ul>
<!--
无序列表，前面不加 1 2 3，但是有空格隔开
-->
<ol>
<li>No.1</li>
<li>No.2</li>
<li>No.3</li>
</ol>
<!--
有序列表，前面加 1 2 3
-->
<dl>
<dt>标题1</dt>
<dt>标题2</dt>
<dt>标题3</dt>
</dl>
<!--
标题列表，前面没哟空格，只是默认显示三行
-->
<table><!--表格-->
<thead><!--表格分为俩，这个是头-->
<tr>
<th>第一行第一列</th> <!--相当于列名-->
<th>第一行第二列</th>
<th>第一行第三列</th>
</tr>
</thead>
<tbody><!--这里相当于表格的身体-->
<tr>
<td>第二行第一列</td><!--相当于单元-->
<td>第二行第二列</td>
<td>第二行第三列</td>
</tr>
</tbody>
</table>
<!--
标签的嵌套规则
1.行内标签不能嵌套块级标签
2.p标签不能嵌套块级标签
-->
<!--
1.块级标签 h1-h6 div p hr
默认占浏览器的宽度
能设置长和宽
2.行内标签 a img u s i b span
根据内容决定长度
不能设置长和宽
-->原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读