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

33次阅读

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

HTML 是什么

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

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


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

HTML 构造

介绍 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>

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

正文完
 0