前端日记：html标签

2021-09-06 18:02:46 阅读：153 来源： 互联网

1、标题标签

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

标签的级别不同，大小也不同

2、段落标签

<p>ET ET ET!</p>
<P>EEEEEEE!!!</P>

独立形成一段文字

3、换行标签

ETETET <br/>
1111111 <br/>

在一段文字后添加上<br/>即可换行

4、水平线标签

<hr/>

即在页面上出现一条横向的直线

5、一些特殊符号

<h1>字体样式</h1>
粗体 :  <strong>E T</strong>
斜体 :  <em> E T</em>
<br/>

空格：空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格

6、图像标签

在html页面上显示图片，src为图片路径，alt为图像替代的文字，TITLE为鼠标悬停图像时提示的文字.

<img src="../resources/image/ET-1.jpg" alt="ET" TITLE="ettt"  width="400" height="400">

7、列表标签

分为有序列表，无序列表和自定义列表

<!--有序列表-->
<ol>
  <li>猫</li>
  <li>狗</li>
  <li>猴子</li>
</ol>
<hr/>

<!--无序列表-->
<ul >
  <li>猫</li>
  <li>狗</li>
  <li>猴子</li>
</ul>
<hr/>

<!--自定义列表
dl 标签
dt 列表名称
dd 列表内容
-->
<dl>
  <dt>动物</dt>
  <dd>猫</dd>
  <dd>狗</dd>
  <dd>猴子</dd>
</dl>

8、媒体播放标签

controls：视频控制组件

autoplay：设置视频自动播放

<!--视频-->
<video src="../resources/video/1-1.MP4" controls autoplay></video>

<!--音频-->
<audio src="../resources/audio" controls autoplay></audio>

9、连接标签

a标签，herf：表示要跳转的哪个页面，

target：设置跳转后的窗口如何打开（_blank：表示在新标签打开；_self：表示在原来的网页打开）

<a href="myhtml01.html" target="_blank">点击我跳转</a>

标记某一位置进行跳转：先使用a标签对页面的某一位置进行标记，再设置另一a标签实现点击跳转

标记头部：

<a name="top">顶部</a>

在底部设置跳转的a标签：

<a href="#top">回到顶部</a>

标签：标签,列表,html,nbsp,跳转,ET,日记,页面
来源： https://blog.csdn.net/weiweiking6/article/details/120125932

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9