初识html，基本结构，块级，行级，行内块级分析，语义化的好处，五大浏览器及内核

本文链接：https://blog.csdn.net/weixin_43213962/article/details/105666204

初识html

html （Hyper Text Markup Language）

翻译过来就是**超文本标记语言**，在这里强调一下，这个不是编程语言，是一个标记语言（描述页面的语言）。编程语言为Java Python等。

其扩展名为**.html**

html的基本结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初识html</title>
</head>
<body>
    hello world！
</body>
</html>

总体的结构分为html标签、head标签和body标签。

<!DOCTYPE html>

声明文类型，告诉浏览器以什么样的格式进行解析（html）

html标签，是一个包括着所有主体内容的标签。

head标签，里面放网页的引入样式表，元信息，标题等。

title标签，在浏览器打开页面时的标题
mate标签，放置引入样式表，元信息。

<meta charset="UTF-8">

这里表示我们的编码格式为UTF-8，称为“万国码”。
了解万国码！

body标签吗，就是页面可视区的内容。
里面放块级标签、行级标签、行内块级标签。

块级标签
特点：默认占满父级宽高，独自占据一行，（从上往下顺序排列）可以设置盒模型的所有属性（宽高、margin、padding等）。
标签有：div、p、h1-h6、ul、li、dl、form、dt、dd等等。
行级标签
特点：默认宽高由内容撑开，内容从左往右排列，超过屏幕内容会折行，只能设置盒模型的水平方向的属性（比如：margin只能设置左右）。
标签有：span、strong、i、em、del等等。
行内块级标签
特点：默认宽高由内容撑开，内容从左往右排列，行内间默认有间隙，能设置盒模型的所有属性（margin:0 auto除外）。
标签有：img等等。

接下来就可以愉快的敲代码啦！