HTML学习-1.初始框架

时间 2020-12-02

标签 javascript html java 浏览器编码 spa code htm blog 栏目 HTML 繁體版

原文原文链接

HTML是什么

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

通俗来说，HTML就是一种语言，相似于汉语、英语、日语等，区别在于汉语、英语等是用于人与人之间的语言，而HTML是用于人与浏览器之间的语言。咱们要想让浏览器按照咱们的意愿来展现网页内容，就须要用HTML来告诉浏览器网页中有什么内容等，可是具体长什么样子，有什么功能，还须要CSS和JavaScript来实现。html

HTML 进行网页描述，就比如人骨骼、器官，但无具体长相，也没法作出动做反应。
CSS 进行样式定义，就比如人的皮肤，描绘出人的具体妆容外貌。
JavaScript 是一种脚本语言，比如是人的灵魂，令人能跑能动，可以作出反应。

HTML结构

介绍HTML的结构划分以前，先说一说标签，HTML是以标签的形式来表现总体结构和内容书写的，标签由尖括号包围的关键词，好比 \<html\>,一般是成对出现的，如 \<html\>.... \</html\>,也有部分例外，如 \<br\>
下面看一下HTML的典型的网页结构划分java

<!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>

[注] 本人也正在自学当中，文中若有理解不当或者错误表述，欢迎交流指正。编码