目录
二、段落标签p、换行标签br、水平线标签hr、strong让字体加粗和em让字体倾斜
一、标题标签
(<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>
三、注释和特殊符号
(注释是为了方便阅读和调试代码,字符实体都以“&”开头“;”结尾)
<!-- 注释内容 不会显示在网页中-->
特殊符号:
特殊符号 | 字符实体 |
空格 | |
大于号(>) | > |
小于号(<) | < |
引号(") | " |
注册商标(®) | ® |
版权商标(©) | © |
Trade mark商业标记(™) | ™ |
<p>
空 格<br/>
大于号(>)><br/>
小于号(<)<<br/>
引号(")"<br/>
注册商标(®)®<br/>
版权商标(©)©<br/>
Trade mark商业标记(™)™<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:visited
a:hover
a:active
以上代码的示例图: