HTML结构详解-HTML基础

HTML结构详解-HTML基础

HTML结构详解

HTML基本结构如下:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
</body>
</html>

接下来一行一行的详解:

    1. <!doctype html>

      它是HTML声明,声明必须放在HTML文件的第一行。

      它不是一个HTML标签,它的存在作用于告诉浏览器你是用哪个HTML版本写的。

      有时候有人会用大写字母做这个声明,不要觉得高大上或者觉得是不是不一样,作用是一模一样的。

    2. <html lang="en">
      </html>
      告诉浏览器搜索引擎表示这个页面是html语言,并且语言为英文;
      “lang”的意思就是“language(语言)”,而“en”即表示english(英文);”zh”表示中文。
    3. <meta charset=“UTF-8”>

这个是声明编码,告诉浏览器你用的什么编码。

常用编码”ANSI” “UTF-16LE” “UTF-16BE” “UTF-8”;

    1. <title>Document</title>

HTML中的标题标签;显示如下。

《HTML结构详解-HTML基础》

  1. <head>
    </head>
    <!--HTML结构中的头部,标题标签、导入css、以及内部css都在这里面;-->
    <!--注意它是有结束标签的,与开始标签不同在于前面多加了"/"-->
  2. <body>
    </body>
    <!--HTML结构中的身体部分,比如你的胳膊腿儿啥的,整个网页的结构都在这里面-->
    <!--注意它是有结束标签的,与开始标签不同在于前面多加了"/"-->

常用HTML标签:

<h1>h1标题标签</h1>

h1标签会变大加粗,后面的数字1-6从大到小;它是块元素,一个h标签会在浏览器中独占一行。

<p>段落标签</p>

p标签,它也是块元素,会独占一行。

<a href="www.baidu.com"> a链接标签</a>

a链接标签,显示出来的只有开始标签和结束标签中间的内容,点击会跳转到href后跟的链接地址。

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注