前端学习02div标签h标题等标签功能

最新推荐文章于 2023-08-31 10:54:52 发布

花落墨山河

最新推荐文章于 2023-08-31 10:54:52 发布

阅读量229

点赞数

本文链接：https://blog.csdn.net/weixin_44189110/article/details/108799670

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--1.div:用来布局，没有具体含义-->
    <!--2.hx标题，1级到6级，1级最大6级最小，自动加粗，默认字号-->
    <!--3.p:表示段落，相当于一个回车。-->
    <P>aaaaaaa</P>
    <!--4.br/生成换行符号单标签-->
    aaaa<br/>
    <!--5.hr/生成一条水平线，主要装饰，单标签-->
    <!--6.a:实现连接跳转。target:_blank/_self/_prant/_top-->
    <a href="http://www.baidu.com" title="跳转到百度">当前窗口可返回</a>
    <a href="本地的文件地址" target="_blank">新窗口</a>
    <!--7.img/:用来加载外部图片图像。
        src属性：设计加载的图片图像路径（本地、在线）
        alt：加载不成功的提示文字
        title:鼠标放上的提示文字-->
    <!--8.span：行内布局 与div一样 都是布局 span不会自动换行-->
    <!--9.ul/ol:列表，前者是无序列表，后者是有序列表，列表内容都用的是li标签-->
    <!--注释：ctrl+/-->

</body>
</html>

<!-- 标签属性：
    通常 属性名="属性值"
    起附加信息的作用（id）
    <br>没有属性 -->
<!-- 文本格式化标签：通过标签美化文本外观 -->
    <!-- 1.b和strong，加粗作用，行级标签（不会自动换行）
        strong还有强调作用，在SEO搜索引擎优化便于提取关键字 -->
    <!-- 2.i和em：是使文字倾斜，em具有强调作用，简单倾斜用i就可以了 -->
    <!-- 3.pre：预格式化文本，保留换行和空格及宽度，
        （块级标签：独占一行可识别宽高）回车自动换行空格等等-->
    <!-- 4.small和big：分别让文字缩小一号或放大一号，（行级标签）
        big淘汰了，用样式实现
        浏览器支持最小字号为12px字，如果要更小，需要处理-->
    <!-- 5.sub和sup：设置文本下标和上标bottom/up,调整文字基线，且小一号 -->
    X<sub>2</sub>+X<sup>2</sup>=Y