HTML06 常见的标签03

最新推荐文章于 2024-06-01 23:46:19 发布

qq_42731393

最新推荐文章于 2024-06-01 23:46:19 发布

阅读量128

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_42731393/article/details/114037837

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

列表标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表标签</title>
</head>
<body>
<!--  列表标签 ol 有序标签  ul无序标签 li列表项 列表属性：type-->
<ol type="I"><!--  I规定在列表中使用的标记类型。   -->
    <li>
        睁眼睛
    </li>

    <li>
        看手机
    </li>

    <li>
        穿衣服
    </li>

    <li>
        洗漱
    </li>

</ol>

<ul type="square">
    <li>
        睁眼睛
    </li>

    <li>
        看手机
    </li>

    <li>
        穿衣服
    </li>

    <li>
        洗漱
    </li>


</ul>

</body>

超链接标签：用于实现点击文字或者点击图片能够跳转到另一个资源页面的功能
比较重要的属性
href 表示跳转地址 可以是网址也可以是HTML页面
target 表示超链接的打开方式
_self 在当前页面跳转
—blank 在新的空白页打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签</title>
</head>
<body>
<!-- 链接标签 a
属性：
href 表示跳转地址
target 表示超链接的打开方式
_self 在当前页面跳转
—blank 在新的空白页打开
-->
<a href="http://daohang.qq.com/?fr=hmpage"> 点我  </a>
<br>
<a href="http://daohang.qq.com/?fr=hmpage" target="_blank"> 点我  </a> <br>

<a href="https://www.baidu.com/s?tn=02049043_8_pg&ch=10&word=%E6%B7%98%E5%AE%9D%E7%BD%91">
    <img src="./image/jingxuan_2.jpg">  </a> <br>

<a href="img.html" target="_blank"> 点我 </a><br>

<a href="mailto:1478748957@qq.com" target="_blank"> 请联系我们</a>

</body>
</html>

span 行内标签 文本信息在一行内展示，也就是说不换行。
div  嗯，每个div标签将会占满一行。

语义化标签  主要用区分相同的标签。常见的语义化标签有这个footer header

qq_42731393

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML06 常见的标签03

列表标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表标签</title></head><body><ol type="I"> <li> 睁眼
复制链接

扫一扫