目录
是我学习过程中的笔记,记得很通俗,方便自己复习。
HTML “超文本标记语言”,通俗理解就是网页制作的一个地基,建房子需要建地基,然后再美化(CSS+JavaScript交互)。
可以加入图片、声音、动画、影视等。
标签分为:
单标签:不成对,单身狗。比如:<br>换行、<hr>水平线、等等
双标签:就是成对出现的,比如:<head>中间就是应用范围</head>
-
-
-
HTML骨架:
文档是由元素和标签组成的,元素名字不分大小写。标签呢,是用来规定元素的属性和位置的,就是你想让它是什么样子。
HTML文档分为头和主体两个部分:
头——对文档的信息进行描述(标题、关键字、编码等)
主体——网页要显示的信息。
在写文档之前,有一个基本骨架(VsCode里面打一个半角感叹号,然后Tab键自动给出),如下:
<!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>Document</title>
</head>
<body>
</body>
</html>
搞出来这个骨架,然后往上面添置自己的设计就可以了。
<!DOCTYPE html>是文档声明,和浏览器显示有关,如果没有那玩意儿,不同的浏览器可能有不同的显示效果。
<html></html>用来标记文档的开始和结束,很有仪式感,嗯。
<head></head>,这个东西是文档的头。里面可以嵌套别的标签,这些标签基本上不会显示在网页中,是隐形的。主要有:
标签 | 描述 |
<title> | 定义了文档的标题(显示在你浏览器最上面标题栏) |
<base> | 页面链接标签的默认链接地址 |
<link> | 一个文档和外部资源之间的关系 |
<meta> | HTML文档中的元数据,比如utf-8网页编码规范,统一语言中文等 |
<script> | 客户端的脚本文件 |
<style> | 文档的样式文件(CSS) |
<body></body>,文档的主体,要展示在网页中的所有东西放这里面。
-
-
-
注释:
HTML5的注释和C语言或者是JAVA啊什么的不一样,它是这玩意儿:
VsCode里面快捷键是ctrl+/,记下来快捷键,干打麻烦。
-
-
-
标签属性:
比如一个给文字设置的标签<font>,你想给它上色或者是调大小,不能总用到默认模式吧,就得给标签里面设置很多属性,比如:
属性之间要空格,属性设置要加引号,原则上单双引号都可以,但是空格、%、#等等特殊值只能用双引号,所以都用双引号比较保险。