一、HTML概念
HTML全称:Hyper Text Markup Language 超文本标记语言,超文本就是指通过超链接(链接)跳转到其他资源位置,标记就是用一些特殊的字符去标识内容的含义,比如数字“13”,我们不知道它是什么意思,可能是日期,可能是年龄,可能是数量,然后我们用一个标签去标记它,就能知道它代表着什么。在HTML中存在很多的标签,学习就主要是这些标签。
二、HTML基础骨架
基础知识:HTML中分为单标签和双标签,区别就是双标签有开始和结束两个标签,而单标签只有一个。
HTML标签(又称为HTML元素)分为块标签、行标签、行内块标签。其中块标签和行内块标签可以设置宽高,行标签不可以。块标签独占一行,其他两个可以并排显示。
我使用的是Vscode软件,Vscode创建一个后缀为.html或者.htm,然后输入!点击enter键就可以生成HTML基本骨架,如下图:
1、文档声明
因为HTML版本很多,所以我们需要告诉浏览器你写的是哪个版本。使用<!DOCTYPE>指令进行文档声明。
注意:文档声明必须在第一行、大小写不敏感、没有结束句,不同的版本声明是不一样的,具体可参考网址:https://www.w3school.com.cn/tags/tag_doctype.asp
2、<html>
标签
<html>
标签是双标签(有开始标签和结束标签),用来告诉浏览器这是一个HTML文档,含有lang属性,用来说明文档语言,有两种:en(主体语言是英文)、zh-CN(主体语言是中文),自带翻译的浏览器会根据lang判定是否需要弹出自动翻译。
注意:所有的HTML标签都要写在标签内部。
3、<head>
标签
<head>
标签定义文档的信息。里面可以放<base>、<link>、 <meta>、 <script>、 <style>
以及 <title>
标签。
<meta>
标签是用来指明charset字符编码格式的,其中gbk(gb2312)GBK包含全部中文字符;UTF-8则包含全世界所有国家需要用到的字符。常用的是 UTF-8。name和content是与移动端页面布局有关的。http-equiv是写与浏览器有关的信息。<meta>
标签也会放一些关键字来使得能被准确浏览器搜索到。
<title>
标签是展示浏览器标签中的标题,也会在网页被收藏时, 作为收藏的标题。
<script><style><link>
加载外部的资源,一般不会展示给用户看。
<base>
标签是为页面上所有的链接规定默认地址。
4、<body>
标签
<body>
标签是主体标签,用来放给用户看到的代码的,我们大部分的标签都是在这里面。