Web结构层——HTML

太过爱你忘了你带给我的痛 2022-08-05 15:15 133阅读 0赞

**         HTML(HyperTextMarkup Language)，超文本标记语言或超文本链接标示语言，是描述网页的一种标准语言，它消除了不同计算机之间信息交流的障碍。HTML凭借它的简易性、可扩展性、平台无关性、通用性在Web前端盛行。**

**![Center][]**

**基本结构：**

**HTML文件通常由文档头（开始标签，结束标签）、文档体两部分构成。**

**![Center 1][]**

**基本要素：**

**HTML的基本要素分为三种：属性，标签和元素。**

**![Center 2][]**

**其中整体定义包括：**

![Center 3][]

**功能划分：**

**![Center 4][]**

**实例：**

<html>
 <head><title>静夜思</title></head>
 <body>
 <center>
 <h2>静夜思</h2>
 　　　　　　　　　　　作者：李白
 <hr color="blue">
 
 床前明月光，疑是地上霜。 
 举头望明月，低头思故乡。
 </center>
 </body>
 </html>

**HTML与Web之间的关系：**

**          WWW，是World Wide Web（万维网）的缩写。万维网通常也简称为Web,它是由无数的商业教育，娱乐等资料组成的一个庞大的信息空间。我们在这个信息空间里遨游，浏览，搜寻资料最终呈现在浏览器中的信息，就是Web页面。**

**          Web页面绝大多数都是由HTML所编写的。Web的结构层（structural layer）由 HTML 或 XHTML 之类的标记语言负责创建。标签，是对网页内容的语义含义做出了描述。HTML是用来整合Web结构和内容显示的一种语言。**

**总结：**

**           通过简单的学习，对Web前端与HTML，CSS，JavaScript之间的关系进行了一下梳理。在web前端页面中HTML属于结构层，负责描绘出内容的结构，CSS属于表示层，负责“如何显示有关内容”，JavaScript属于行为层，负责“内容应如何对事件做出反应”。**

[Center]: /images/20220805/6e887f46a710465ebd04669d16e5f357.png
[Center 1]: /images/20220805/c36923e6188c41b48141c484c45cb656.png
[Center 2]: https://img-blog.csdn.net/20150308210124921?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbnhpYW9jaGFu/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 3]: https://img-blog.csdn.net/20150308211503423?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbnhpYW9jaGFu/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 4]: https://img-blog.csdn.net/20150308211629644?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hlbnhpYW9jaGFu/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center