【持续更新】HTML第二天(结构)

146 阅读2分钟

HTML语法规则 

 HTML 标签是由尖括号包围的关键词,例如 HTML 标签通常是成对出现的,例如 和 ,我们称为**双标签** 标签对中的第一个标签是开始标签,第二个标签是结束标签 ;

标签的关系 

 双标签关系可以分为两类:包含关系和并列关系 

        包含标签:
    	<head>  
        	<title> </title> 
    	</head>"
	并列关系:
	<head> </head>
	<body> </body>

”基本结构标签 

每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写

        <html></html>页面中最大的标签,又称跟根标签
	<head></head>头部标签,必须设置title
	<title></title>文档的标题,网页的名字
	<body></body>文档的主体,页面的骨架内容几乎都写在body里
html的骨架
	<html>
	    <head>
                   头部
	        <title>标题</title>	
	    </head>
	    <body>内容</body>
	</html>

开发工具

前端工程师的开发工具有很多,Dreamweaver,Visual Studio Code,就连记事本都可以改个后缀名使用,但是我们肯定要选一个功能比较强大的开发工具来帮助我们战斗,这里我用的是Visual Studio Code,功能非常强大且比较前卫,以后我也会基于Visual Studio Code来进行讲解;可以在网上下载并大致阅读下操作步骤即可上手,最重要的是免费!!! 

进入Visual Studio Code后新建一个后缀名为.html的文件,然后英文输入法下感叹号回车就会生成一个骨架:

<!DOCTYPE html>
文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面

<html lang="en">
lang 语言种类
    用来定义当前文档显示的语言;
    en定义语言为英语
    zh-CN定义语言为中文
    简单来说,定义为en 就是英文网页, 定义为 zh-CN 就是中文网页
    其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文
    这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的

<head>
    <meta charset="UTF-8">
字符集 (Character set)是多个字符的集合;以便计算机能够识别和存储各种文字;
在<head>标签内,可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码;
harset 常用的值有:GB2312 、BIG5 、GBK 和 UTF-8,其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符;
上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用“UTF-8”编码,尽量统一写成标准的 "UTF-8",不要写成  "utf8" 或 "UTF8"

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    这些后期会讲
    <title>Document</title>
</head>
<body>
</body>
</html>