网页标签

2022-05-31 00:01:21 阅读：117 来源： 互联网

网页基本标签

tab快捷生成标签


<!--标题标签-->

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>

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

<p>我和你，本应该 </p>
<p>各自好，各自坏</p>
<p>各自生活的自在</p>
<p>毫无关联的存在</p>
<p>直到你，出现在</p>
<p>我眼中，躲不开</p>
<p>我也占领你的心海</p>
<p>充实着你的空白</p>

<!--换行标签-->
<!--<br/> 换行标签是单标签-->
<br/>

为何出现在彼此的生活又离开<br>
只留下在心里深深浅浅的表白<br>
谁也没有想过再更改<br>
谁也没有想过再想回来<br>
哦，我不明白<br>

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

字体标签


<!--粗体，斜体-->
<h1>字体样式标签</h1>

粗体： <strong>我和你，不应该 制造感觉，表达爱</strong><br>
斜体： <em>试探未知和未来，相信那胡言一派</em>

注释

<!--注释-->

图像标签

<body>
<!-- img学习
src:图片地址（必填）
相对地址（有推荐使用），绝对地址
../     --上一级目录

alt:图片名字（必填）

title:悬停文字
width：图片宽度
height:图片高度
-->

<img src="../resources/image/1.jpg" alt="郑博文" title="郑博文" >

</body>
</html>

超链接标签及应用

</head>
<body>

<!--使用name或者id作为标记-->
<a id="top"></a>

<!--  a标签
href:要跳转到那个界面（必填）
target:表示窗口在哪里打开(_bank在新页面打开，_self在自己的网页中打开)

-->
<a href="2.html网页学习.html" target="_blank">点击我跳转到页面</a> <br>
<a href="https://www.baidu.com">点击我跳转到百度</a> <br>

<a href="2.html网页学习.html"><img src="../resources/image/2.jpg" alt="郑博文" title="郑博文" >
<!--图像超链接-->
</a>

<p>
    <a href="2.html网页学习.html" target="_blank">点击我跳转到页面</a> <br>
    <a href="https://www.baidu.com">点击我跳转到百度</a> <br>

    <a href="2.html网页学习.html"><img src="../resources/image/2.jpg" alt="郑博文" title="郑博文" >
        <!--图像超链接-->
    </a>
</p>
<p>
    <a href="2.html网页学习.html" target="_blank">点击我跳转到页面</a> <br>
    <a href="https://www.baidu.com">点击我跳转到百度</a> <br>

    <a href="2.html网页学习.html"><img src="../resources/image/2.jpg" alt="郑博文" title="郑博文" >
        <!--图像超链接-->
    </a>
</p>
<p>
    <a href="2.html网页学习.html" target="_blank">点击我跳转到页面</a> <br>
    <a href="https://www.baidu.com">点击我跳转到百度</a> <br>

    <a href="2.html网页学习.html"><img src="../resources/image/2.jpg" alt="郑博文" title="郑博文" >
        <!--图像超链接-->
    </a>
</p>
<p>
    <a href="2.html网页学习.html" target="_blank">点击我跳转到页面</a> <br>
    <a href="https://www.baidu.com">点击我跳转到百度</a> <br>

    <a href="2.html网页学习.html"><img src="../resources/image/2.jpg" alt="郑博文" title="郑博文" >
        <!--图像超链接-->
    </a>
</p>


<!--锚链接
1；需要一个锚标记,使用name或者id作为标记
2；跳转到标记
3；使用#+名字跳回锚点
-->

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

<br>

<!--功能性连接
邮件链接：mailto

QQ连接：qq推广，推广工具。复制代码到自己的网页。
-->

<a href="mailto:2907708486@qq.com">大王饶命</a>

</body>
</html>

块元素和内行元素

列表标签

<body>
<!--有序列表-->
<ol>
   <li>html</li>
    <li>css</li>
    <li>java</li>
    <li>js</li>

</ol>
<hr/>
<!--无序列表-->

<ul>
    <li>html</li>
    <li>css</li>
    <li>java</li>
    <li>js</li>

</ul>

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

<dl>
    <dt>学习</dt>

    <dd>java</dd>
    <dd>css</dd>
    <dd>html</dd>
    <dd>js</dd>
</dl>

</body>

</html>

表格标签

</head>
<body>

<!--表格table border 表格宽度
行：tr
列：td
colspan:跨列
rowspan:跨行
-->

<table border="1px">

    <tr>
        <td colspan="4">1-1</td>

    </tr>
    <tr>
        <td rowspan="2">2-1</td>
        <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
    <tr>
        <td>3-2</td>
        <td>3-3</td>
        <td>3-4</td>
    </tr>
    
</table>

</body>
</html>

媒体元素

<body>

<!--音频视频-->
<!--
controls:可直接播放，控制条
autoplay:自动播放
-->

<video src="../resources/video/1.mp4"controls></video>

<audio src="../resources/audio/男孩.lrc" controls autoplay"></audio>

</body>
</html>

标签：网页,--,标签,点击,跳转,百度,页面
来源： https://www.cnblogs.com/xyzaa/p/16328855.html

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

ICode9

网页标签