# html20190508
**Repository Path**: GUOSD/html20190508
## Basic Information
- **Project Name**: html20190508
- **Description**: html
- **Primary Language**: HTML/CSS
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-05-08
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# html20190508
#### 介绍
html
#### 软件架构
软件架构说明
#### 安装教程
1. html概念
1.1 html概念
发展史;
版本差异;
转移字符实体;
1.2 语法要求
文本标记语言源程序的文件扩展名默认使用htm或html;
超文本标记语言源程序为文本文件,文件中的空格、回车等空白字符在文本被浏览器解析时会忽略;
如果要在浏览器中显示空白字符效果,需要使用 &xxx; 进行转移处理;
标记符中的标记元素用<>尖括号括起来,带斜杠的元素表示该标记说明结束;大多数标记符必须成对使用,以表示作用的起始和结束;标记元素忽略大小写,推荐统一采用小写;
标记符号,包括尖括号、标记元素、属性项等必须使用半角的西文字符,而不能使用全角字符。
HTML注释由"“结束结束,例如。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号,即被标识为注释,不予显示。
1.3 html解释执行
html文本是由浏览器解释执行的;html是一种宽泛的语法要求,原则就是浏览器尽最大的可能去解释执行html的文件内容;
1.4 html页面的组成
html页面是由 标签构成;
html页面的其他内容一般都写在html标签中;
html标签又分为 head 标签和 body标签两大部分;
head标签中设置的属性信息是给浏览器解析使用的;进行网络推广、搜索引擎优化使用;
head标签主要由 meta 、link、script、tile、style、base等标签构成;
body标签中的内容是由浏览器解析出来给用户看的;
baody标签主要是html内容显示的所有的标签;编程使用的所有的标签;
1.5 html标签
html的构成内容主要标签形式进行显示;
html分为单标签和双标签;每个标签有可以通过属性进行设置该标签的样式特点;
双标签:有标签头和标签尾构成;
<标签名 属性名1="属性值1" 属性2="属性值2">
标签体部分
标签名>
标签头和标签尾之间的内容也属于该标签的构成内容;
属性写在标签头部分; 可以有多个属性,属性之间使用空格进行分隔即可;属性部分前后顺序;
单标签:只有标签头,没有标签尾;也就没有标签体部分;
<标签名 属性名1="属性值1" 属性2="属性值2" />
单标签也有属性;
注意:
在使用双标签时,标签与标签之间是可以包含嵌套的;
标签嵌套时不要产生交叉嵌套;
正确: 标签1嵌套了标签2
<标签1>
<标签2>
标签体区域
标签2>
标签1>
错误: 标签1交叉嵌套了标签2
<标签1>
<标签2>
标签体区域
标签1>
标签2>
1.6 常用的标签
a标签,超链接标签
body标签
1.7 标签的属性说明
有一些标签的属性在api中标准为不赞成使用 表示该属性可以使用css样式代替,也就是该属性的渲染效果可以通过css样式设置;
不赞成使用的标签属性,优先使用css进行渲染;
在学习阶段,需要运行查看一下各个属性的渲染效果即可;这样css部分则不再详细说明属性的渲染效果,css中直接使用该属性;
1.8 基础语法知识
(1) 颜色的表示
在html和css中颜色有三种表示方式:
英文颜色名;
#XXXXXX #6位十六进制的方式; 推荐优先使用;
rgb(xxx,xxx,xxx)三原色方式; red、green、blue三个维度的颜色,每个维度从0~255取值; rgb(0,0,0) 黑色;rgb(255,255,255) 白色
2. xxxx
3. xxxx
#### 使用说明
1. xxxx
2. xxxx
3. xxxx
#### 参与贡献
1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request
#### 码云特技
1. 使用 Readme\_XXX.md 来支持不同的语言,例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目,是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)