html标记笔记

文本标记类型

双标记

<h1></h1>

<h2></h2>

<h3></h3>

…

<h6></h6> <!--h取值1~6 写法<h1>~~~</h6>: 分别是一级标题;二级标题;...-->
<p></p> <!--段落标记 -->
<div></div> <!--在网页内容中间划分出一个矩形区域，用以存内容-->

<span></span> <!--在网页内容中间包裹文本，自定义样式-->

文本样式元素

<b></b> <strong></strong> 加粗

<u></u> <ins></ins> 下划线

<i></i> <em></em> 倾斜

<s></s> <del></del> 删除线

单标记

<br> <!--换行--><!--或者<br/>-->

---

<!-- 特殊字符 -->

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

&nbsp; <!--空格-->

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

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

&yen; <!--人民币符号:￥-->

&reg; <!-- 注册商标-->

<!--图像链接;视频音频链接-->

<img> <!--引入图片-->

​ <!--引入图片写法-->

<img src="引入路径" alt="图片加载出错时显示的内容" title="鼠标悬停显示的内容">

<audio src="引用路径(1.MP3)"controls></audio> <video src="1.MP4" controls></video>
<!--controls:播放控制键.非必要添加-->

<a href="引入路径" target="_blank">百度</a><!--引号内放入"http://www.baidu.com"-->

​ <!--target取值:_new;_blank;_self;_parten-->

<!-- 列表标签 -->

<ul type="none">
<li></li> <!--无序列表-->

</ul>

<ol type="1">

<li></li> <!--有序列表-->

</ol>

<dl>
<dt>名词一</dt>

<dd>对名词一的解释</dd>

<dd>对名词一的解释</dd>

</dl> <!--自定义列表-->

<!-- 引用标签 -->

<blockquote>

<p></p>
<p></p> <!--长引用-->

</blockquote>

<p>这是

<q>短引用</q> `

</p>

<!-- 表格标签 -->

<table border="3px" width="300px" height="75px">

​ <tr> <!--行-->

​ <td></td> <!--单元格-->

​ <td></td> <!--单元格-->

</tr>