HTML 文本格式化标签、列表标签

 学习路线

  • HTML标记语言:组成网页架构的元素组件(作为骨架)
  • CSS样式语言:美化网页的样式(css帮助html做个美化)
  • JavaScript程式语言:控制网页的动态效果(做动作,做操作的)
  • JavaScript程式语言:协助及加强JavaScript的实现(对js的封装)

HTML介绍

  • HTML是一种用于创建网页的标记语言,可以使用HTML创建网页文档,用浏览器打开会自动解析。
  • HTML是由标签和内容构成的。
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>文档的标题</title>
</head>
<body>
    文档的内容...
</body>
</html>

文本格式化标签

标签描述

自带换行的比如h,以及段落,其他的都不会自动换行。

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>文档的标题</title>
</head>

<body>
    <h1>hello world 标题h1</h1>
    <h2>hello world 标题h2</h2>
    <h3>hello world 标题h3</h3>
    <br/>
    
    <p>hello world 段落</p>
    <i>hello world 斜体</i>
    <br/>
   
    <cite>hello world 引用</cite>
    <br/>

    <b>hello world 加粗</b>
    <br/>

    <strong>hello world 强调加粗</strong>
    <br/>

    <del>hello world 删除</del>
    <br/>

    <a>hello world 文本</a>
</body>
</html>

列表标签


标签描述

扫描二维码关注公众号,回复: 15017394 查看本文章

你得先定义是ul还是ol,定义好了之后再到里面填写具体的内容。有序还是无序使用外层的结构就行了。

ol ul是去控制其是有序还是无序,以及有序无序的列表的样式通过type来控制。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>文档的标题</title>
</head>

<body>
<!--无须列表-->
    <ul type="circle">
        <li>coffee</li>
        <li>milk</li>
    </ul>

<!--有序列表-->
    <ol type="A">
    <li>bread</li>
    <li>juice</li>
    </ol>

</body>

</html>

猜你喜欢

转载自blog.csdn.net/qq_34556414/article/details/130507552