网页的基本标签

目录

一、标题标签

二、段落标签p、换行标签br、水平线标签hr、strong让字体加粗和em让字体倾斜

三、注释和特殊符号

四、图像标签img

五、超链接a

1.同页面跳转

2.不同页面跳转

---

一、标题标签

（<h1>最大<h6>最小）

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

二、段落标签p、换行标签br、水平线标签hr、strong让字体加粗和em让字体倾斜

<p>
君不见黄河之水天上来，奔流到海不复回。<p>君不见高堂明镜悲白发，朝如青丝暮成雪。</p><hr>人生得意须尽欢，莫使金樽空对月。<br />天生我材必有用，千金散尽还复来。<br /><em>烹羊宰牛且为乐，会须一饮三百杯。<br />岑夫子，丹丘生，将进酒，君莫停。</em><br />与君歌一曲，请君为我侧耳听。<br />钟鼓馔玉何足贵，但愿长醉不复醒。<br /><strong>古来圣贤皆寂寞，惟有饮者留其名。<br />陈王昔时宴平乐，斗酒十千恣欢谑。</strong><br />主人何为言少钱，径须沽取对君酌。<br />五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。
</p>

三、注释和特殊符号

（注释是为了方便阅读和调试代码，字符实体都以“&”开头“;”结尾）

<!-- 注释内容 不会显示在网页中-->

特殊符号：

特殊符号	字符实体
空格	 
大于号（>）	>
小于号（<）	&lt;
引号（"）	&quot;
注册商标（®）	&reg;
版权商标（©）	&copy;
Trade mark商业标记（™）	&trade;

<p>
            空&nbsp;&nbsp;&nbsp;&nbsp;格<br/>
            大于号（>）&gt;<br/>
            小于号（<）&lt;<br/>
            引号（"）&quot;<br/>
            注册商标（®）&reg;<br/>
            版权商标（©）&copy;<br/>
            Trade mark商业标记（™）&trade;<br/>
</p>

四、图像标签img

图像格式分为JPG格式、GIF格式、BMP格式和PNG格式。

<img src="图片路径" alt="图像的替代文字（图片无法显示时）" title="鼠标悬停提示文字" width="图片宽度" height="图片高度">

五、超链接a

<a href="链接地址" target="目标窗口位置">链接文本或图像</a>
<!-- href：链接地址的路径  target：指定链接在哪个窗口打开，一般用_self（自身窗口）和_blank（新建窗口） -->

锚链接

1.同页面跳转

<p><a name="apple">现在位置bbb</a></p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
        <p>中间位置</p>
<p><a href="#apple">当前的位置aaa</a></p>
<!-- 点击aaa之后到bbb位置（同页面跳转） -->

2.不同页面跳转

页面A代码

<p><a href="bbb.html#yemian">页面AAA</a></p>
<!-- 点击之后跳转页面B -->

页面B代码

<p><a name="yemian">页面BBB</a></p>

超链接伪类：

名称	含义	示例
a:link	未点击时的样式	a:link{color:#000};
a:visited	点击之后的样式	a:visited{color:#496};
a:hover	鼠标悬浮的样式	a:hover{color:#308};
a:active	鼠标点击未释放的样式	a:active{color:#822};

设置顺序为：a:linka:visiteda:hovera:active

以上代码的示例图：