HTML基本框架及标签（改1）

目录

1.HTML简述及创建

2.HTML基本框架

         3.HTML的基本标签

 HTML标签的基本语法

基本标签列表

部分标签演示效果

---

---

1.HTML简述及创建

HTML:被称为“超文本标记语言”或“超文本标签语言”

说明了html是一种标签语言，它由一个个标签构成

常用软件：sublimie ,  Visual Studio Code 等等

HTML：文档的创建

1. 创建一个新文本文档
2. 将新建的文本文档的后缀改为“html”

---

2.HTML基本框架

 

<!DOCTYPE>（必须写）:是当前网页采取html5的方式打开

lang：语言种类 用于定义当前文档的语言（一般定义中国）

• en        定义为英语
•  zh-CN 定义为中文
•   fr         定义法语

UTF-8 是字符集(必须写):防止用其他浏览器访问时出现乱码

• GB2312:简体中文字符集
• GBK：中文字符集
• BIG5:繁体中文字符集
• UTF-8：通配字符集（“UTF-8”被称为万国码，基本包含了所有国家的需要的字符，再写html时一般采用“UTF-8”可以防止其他国家访问时出现乱码的情况）

---

3.HTML的基本标签

     HTML标签的基本语法

• 双标签：

                     <标签名 属性="属性值">

                    ............

                    </标签名>(有始有终)

• 单标签：

                     <标签名 属性="属性值"/>（有始无终）

基本标签列表

基本标签

1.字体加粗	b  /  strong
2.字体倾斜	i  /  em
3.删除线	s  /  del
4.水平分割线（单标签）	hr
5.换行（单标签）	br
6.注释标签	<!--  -->
7.标题标签 （加粗字体,加大字号；标题标签分为六级随着数字增大效果减小）	h1（2.3.4.5.6）
8.下划线标签	u /  ins
9.段落标签（给文字分段）	p
10.无意（用于布局，相当于一个大盒子，会自动换行，分割和分区）	div
11.无意（用于布局，相当于一个小盒子，不会自动换行，跨距）	span
12.插入图像(单标签，src是img的必须属性 会在后面具体讲)	<img src="文件地址"/>
13.超连接标签（会在后面具体讲）	a
14.上标标签	sup
15.下标标签	sub
16.原文本输出标签（保持你输入时候的原格式输出）	pre
17.设置字体的属性	font
18.定义表格（后面具体讲）	table
19.定义表格中的行（必须镶嵌在table中）	tr
20.定义单元格（必须镶嵌在tr内）	td
21.表头单元格（与td同地位，但文字全加粗、居中）	th
22.定义表格头部（无意，为了让表格结构清晰)	thead
23.定义表格主体（无意，为了让表格结构清晰）	tbody
24.定义无序列表（后面具体讲）	ul
25.定义序列表项（有序，无序)	li
26.自定义列表（后面具体讲）	dl
27.自定义列表的选项	dt
28.对项目进行解释	dd
29.定义表单标签（后面具体讲）	form
30.表单输入	input
31.下拉表单	select
32.绑定元素	label
33.文本域	texetarea
44.

*注：

•    上列表举出的标签并非全部，若想了解更多标签请进入https://www.w3school.com.cn/​​​​​​
• 以上部分标签会在后续中解释其用法

部分标签演示效果