HTML:基本标签

HTML

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

我们看到的一切网页均是由HTML构成的。

HTML常见标签

HTML的基本元素就是标签

  • 标题:<h1><h2>...<h6>
  • 段落:<p>
  • 链接:<a>
  • 图片:<img>
  • 格式:<b><i><u><em>
  • 换行:<br />
  • 水平线:<hr />
  • 列表:<ul><ol><li><dl><dt><dd>
  • 表格:<table><caption><th><tr><td><thead><tbody><tfoot>
  • 表单:<form><input>
  • 分组:<div><span>
  • 注释:``
  • ... ...

还有很多标签(包括其属性、样式等),详情参见W3School

区分UL和OL

<ul>:无序列表
<ol>:有序列表

看下面一张图:

List

可以看出:
最外层是无序列表
|-- 无序列表内部是有序列表
|---- 有序列表内部又是无序列表

要实现上述的列表组合,我们可以这样做:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>List</title>
</head>

<body>
    <ul>
        <li>JavaScript
            <ol>
                <li>第一章
                    <ul>
                        <li>const
                        </li>
                        <li>let
                        </li>
                    </ul>
                </li>
... ...
</body>
</html>

详细的代码请参看我的代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是浏览器? 浏览器是安装在电脑里面的一个软件, 能够让将网页内容呈现给用户查看,并让用户与网页交互的一种软件。...
    Miss一曦阅读 329评论 0 2
  • Subline快捷键 sublime快捷键使用 单标签 注释标签`` 换行标签 水平线标签 双标签 段落标签特点:...
  • html 表格 表格标签 th 表头 td表格数据 tr表格的行和列数 定义表格的样式 在style里面 tab...
    夜雨秋风合阅读 303评论 0 0
  • 换行 横线 a链接,链到一个地址 img 展示一张图片 div语义为“一大块”,用于给页面划分区块,让结构更清晰 ...
    yuhuan121阅读 364评论 0 0
  • 块元素:1.默认独占一行,宽度百分百2.可设置宽高3.竖直排列eg : div、h1~h6、p 行元素1.不可设宽...
    詹小云阅读 455评论 0 0