HTML

HTML

1. 网页的基本标签：

1. 标题标签：

<!-- 标题标签-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

2. 段落标签：

<!-- 段落标签-->
<p>hah</p>
<p>heh</p>

3. 换行标签：

<!--换行标签-->
hah<br/>
heh<br/>

4. 水平线标签：

<!--水平线标签-->
<hr/>

5. 粗体和斜体：

<!--粗体-->
<b>hah</b>   <!--为了加粗而加粗-->
<strong>hah</strong><!--为了标明重点而加粗-->
<!--斜体-->
<em>heh</em>

6. 特殊符号：

<!--特殊符号-->
<!--空格-->
小&nbsp;马

<!--大于号-->
&gt;

<!--小于号-->
&lt;

<!--版权符号-->
&copy;

2.图像标签：

<img src="../resources/image/1.jpg" alt="代替文字" title="悬停文字" width="100px" height="100px">

3. 超链接标签：

1. 跳转到网页：

<!--
href：必填，表示要跳转到哪个页面
target：表示窗口在哪里打开
    _blank：在新标签中打开
    _self：在自己的页面中打开
-->
<a href="https://www.baidu.com" target="_self">跳转到百度</a>

2. 跳转到本地页面：

<a href="2.网页的基本标签.html" target="_blank">跳转到本地页面</a>

3. 锚链接：

<!--锚链接
1. 需要一个锚标记
2. 跳转到标记
#
-->
<!--使用name做标记-->
<a name="top">顶部</a>
<a href="#top">回到顶部</a>


<!--使用锚链接跳转到其他页面的指定位置-->
<a href="4.超链接标签及应用.html#top">回到第四个页面的顶部</a>    

4. 功能性链接：

• 邮件链接：mailto:

<a href="mailto:1139041952@qq.com">点击联系我</a>

• QQ链接：

4. 块元素和行元素：

• 块元素：无论内容多少，该元素独占一行。（p、h1-h6…）
• 行内元素： 内容撑开宽度，左右都是行内元素的可以排在一行。（a，strong，em…）

5. 列表标签：

1.介绍：

列表是信息资源的一种展现形式，列表可分为：无序列表，有序列表，定义列表。

2. 有序列表：

<!--有序列表
应用范围：试卷，问答....
-->
<ol>
    <li>java</li>
    <li>html</li>
    <li>css</li>