HTML的基本结构和标签分类

程序员文章站 2022-07-02 17:28:33

HTML：超文本标记语言 HTML基本结构 html中嵌套两部分：head和body head中放标题、字符格式、语言、兼容性、关键字、描述等信息； body中放网页需要展示的部分。html标签分类按闭合特征分类单标签：由一个标签< />组成。比如水平分割线

双标签：由“开始标签”< ......

html：超文本标记语言

html基本结构

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
</html>

html中嵌套两部分：head和body

　　head中放标题、字符格式、语言、兼容性、关键字、描述等信息；

　　body中放网页需要展示的部分。

html标签分类

1. 　单标签：由一个标签< />组成。比如水平分割线<hr />
2. 　双标签：由“开始标签”< >和“结束标签”< />两部分构成。开始标签和结束标签也被称为开放标签和闭合标签。比如：文字段落<p></p><p>是开始标签，表示一个段落的开始。 </p>是结束标签，表示一个段落的结束。

按是否换行特征分类
1. 行内块元素:
  （1）. 不自动换行
  （2）. 能够识别宽高
  （3）. 默认排列方式为从左到右
2. 块标签：
  （1）. 独占一行
  （2）. 继承父级属性
  （3）. 可以设置宽高
  　　比如：div、p、ul、li、ol等
3. 行标签：
  （1）. 只占他本身部分
  （2）. 继承父级属性
  （3）. 不能设置宽高
  　　比如：i、input、label、select、span等
  
  控制标签类型的样式
  display：block块标签
  　　　　inline行标签
  　　　　inline-block行内块元素
  　　　　none隐藏

html的基本使用（HTML标签解释）