目录
1.HTML简述及创建
HTML:被称为“超文本标记语言”或“超文本标签语言”
说明了html是一种标签语言,它由一个个标签构成
常用软件:sublimie , Visual Studio Code 等等
HTML:文档的创建
- 创建一个新文本文档
- 将新建的文本文档的后缀改为“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/
- 以上部分标签会在后续中解释其用法
部分标签演示效果