目录
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/
- 以上部分标签会在后续中解释其用法
部分标签演示效果


本文详细介绍了HTML的基础知识,包括如何创建HTML文档、基本语法、各种标签如标题、段落、链接等的使用,以及部分标签的实际效果展示,是HTML初学者的必备指南。
&spm=1001.2101.3001.5002&articleId=120896066&d=1&t=3&u=595d0d2ed58c48419cb109e36ebc2e9e)
1466

被折叠的 条评论
为什么被折叠?



