HTML学习-1.初始框架

目录

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）数据，如 定义网页编码格式为 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>

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

posted @ 2020-12-01 20:55  Lovely阿征  阅读(110)  评论(0)    收藏  举报