前端学习01——HTML(pink老师笔记)

目录

HTML

HTML语法规范

规范概述

标签关系

基本结构标签 

VScode开发

文档类型声明标签

lang属性——语言种类

字符集


HTML

HTML语法规范

规范概述

  1. 所有的标签都必须包含在<>里面

  2. 标签基本上都是成对出现<html></html>——双标签:开始标签、结束标签

  3. 单标签< br/>

标签关系

双标签:包含关系和并列关系

包含关系——嵌套(父子关系)

<html>
  <head></head>
</html>

并列关系

<head></head>
<body></body>

基本结构标签 

标签名定义说明
<head></head>HTML标签页面中最大的标签,根标签
<html></html>文档的头部在head标签中必须设置title
<title></title>文档的标题网页标题
<body></body>文档的主体放置页面内容
<html>
   <head>
	<title>第一个页面</title>
   </head>
   <body>
	学习的第一天!
   </body>
</html>

VScode开发

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我利用vscode创建的第一个标签</title>
</head>
<body>
    学习真的很不快乐
</body>
</html>

文档类型声明标签

其中<!DOCTYPE>——文档类型声明标签,告诉浏览器使用什么html版本来显示页面。<!DOCTYPE html>表示用最新的html5来显示网页

lang属性——语言种类

其中<html lang="en">,lang语言种类——定义当前文档显示语言

  1. en——英文

  2. zh-CN——中文

  3. fr——法文

但英文文档能显示中文,中文文档也能显示英文,但对浏览器和搜索引擎是有一定作用的(翻译)

字符集

字符集(Character set)是多个字符的合集。以便计算机识别和存储各种文字。

在<head>标签中通过<meta>标签的charset属性来规定html文档应该使用哪种字符编码。

GB2312——简体中文

BIG5——繁体中文

GBK——包括简体中文和繁体中文

UTF-8——万国码,基本包含了全世界国家需要用到的字符


版权声明:本文为levililili原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。