HTML常见标签用法

最新推荐文章于 2025-02-28 17:22:03 发布

阿瑶带我飞

最新推荐文章于 2025-02-28 17:22:03 发布

阅读量1.2k

点赞数 1

分类专栏： JavaEE初阶 HTML 文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/C_TQH/article/details/130407569

版权

JavaEE初阶同时被 2 个专栏收录

5 篇文章

订阅专栏

HTML

2 篇文章

订阅专栏

一、HTML基本框架结构

<html>
    <head>
        <title></title>
    </head>
    <body>
       
    </body>
</html>

二、常用的标签

1、注释标签

2、标题标签

<h1>标题1</h1>

<h2>标题2</h2>

<h3>标题3</h3>

<h4>标题4</h4>

<h5>标题5</h5>

<h6>标题6</h6>

🍔由上到下，字体大小依次减小

3、段落标签

<p></p>

4、换行标签

<br>

5、格式化标签

<strong></strong>加粗

<b></b>加粗

<em></em>倾斜

<i></i>倾斜

<del></del>删除线

<s></s>删除线

<ins></ins>下划线

<u></u>下划线

6、图片标签

🍔必须带有src属性，表示图片的路径

<img src="">

图片地址分类：

网络地址(只要有网络就能访问)
本地地址： a.绝对地址 b.相对地址

7、超链接标签

说明： 🍔target="_blank" 打开一个新的页面进行访问，当前页面仍在

🍔这个标签可以包万物，包图片，点击图片，跳转至新页面

注意： 🍔<a href="javascript:void(0);"> 或者 <a href="javascript:;"> 表明禁止 a标签跳转

8、锚点链接

🐻可以快速定位到页面中的某个位置

给要跳转到的位置一个 id ，然后用超链接标签，带个"#"，就可以了
<a href="#one">第一集</a>
<a href="#two">第二集</a>
<a href="#three">第三集</a>
<p id="one">

   第一集剧情 <br>
   第一集剧情 <br>
   ...
</p>
<p id="two">
   第二集剧情 <br>
   第二集剧情 <br>
   ...
</p>
<p id="three">
   第三集剧情 <br>
   第三集剧情 <br>
   ...
</p>