关于html:HTML学习1初始框架

3次阅读

共计 1452 个字符，预计需要花费 4 分钟才能阅读完成。

HTML(Hyper Text Markup Language)是一种 超文本标记语言，超文本就是不仅仅是文本内容，还包含声音、图画、表格、链接等。

艰深来讲，HTML 就是一种语言，相似于汉语、英语、日语等，区别在于汉语、英语等是用于人与人之间的语言，而 HTML 是用于 人与浏览器 之间的语言。咱们要想让浏览器依照咱们的志愿来展现网页内容，就须要用 HTML 来通知浏览器网页中有什么内容等，然而具体长什么样子，有什么性能，还须要 CSS 和 JavaScript 来实现。


HTML 进行网页形容，就好比人骨骼、器官，但无具体长相，也无奈做出动作反馈。CSS 进行款式定义，就好比人的皮肤，描绘出人的具体妆容外貌。JavaScript 是一种脚本语言，好比是人的灵魂，使人能跑能动，可能做出反馈。

介绍 HTML 的构造划分之前，先说一说标签，HTML 是以标签的模式来体现整体构造和内容书写的，标签由尖括号突围的关键词，比方 \<html\>, 通常是成对呈现的，如 \<html\>…. \</html\>, 也有局部例外，如 \<br\>
上面看一下 HTML 的典型的网页构造划分

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Document</title>
    </head>
    <body>
     这里是文档的主体... ...     
</body>
</html>

\<!DOCTYPE html\> 申明为 HTML 文档, 因为浏览器可能精通多种语言，因而这一语句就是通知浏览器，我上面的文档是 html 类型的，请用 html 的解析形式解析。注：doctype 并不是 HTML 标签，且不辨别大小写，即可写为 \<!doctype html\>。
\<html\> 元素是 HTML 页面的根元素，这是一个成对的标签，即通知浏览器 \<html\> 是我的文档开始地位，\</html\> 为完结地位，两头全部都是 html 文档内容。
\<head\> 元素蕴含了文档的元（meta）数据，如 <meta charset=”utf-8″> 定义网页编码格局为 utf-8。就是通知浏览器一些解析前的筹备数据。charset 是它的一个属性，它规定了 HTML 文档的字符时应用的 utf-8 编码。
\<title\> 元素形容了文档的题目。就是整个网页的大题目!
\<body\> 元素蕴含了可见的页面内容，网页中显示的所有内容都写在 body 标签中。
\<h1\> 元素定义一个大题目。
\<p\> 元素定义一个段落。

utf- 8 是一种可变长度字符编码，能够将其了解为 ASCII 码的进阶版，又称万国码，蕴含了包含汉字在内的多国语言常用字的编码。

在应用 VScode 编写 HTML 文档时，输出一个 ! 而后按 TAB 键或者回车 ENTER 键会主动补全 HTML 构造如下（<!– 此标签中为正文内容 –\>）：

<!DOCTYPE html>   
<html lang="en">  <!-- lang 是 <html> 标签的一个属性，表明文档的语言，其中”en“示意英语 -->
<head>  
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 上句是通知浏览器解析此文档是主动适应屏幕的宽度 -->
    <title>Document</title>
</head>
<body>
    
</body>
</html>

[注] 自己也正在自学当中，文中如有了解不当或者谬误表述，欢送交换斧正。

正文完