这是我参与「第四届青训营 」笔记创作活动的的第1天
什么是HTML?
HTML 是用来描述网页的一种语言。
- HTML指的是超文本标记语言(Hyper text Markup Language)
- HTML不是一种编程语言,而是一种标记语言(Markup Language)
- 标记语言是一套标记标签(markup tag)
网页是怎么形成的?
- 网页通过浏览器才能访问阅读
- 网页是网站中的一“页”
- 文件扩展名
.html
总结
- 网页是前端开发人员写的,通过浏览器转成普通人眼中的美丽页面
- 网页的扩展名是
.html - HTML使用标记标签来描述网页,包含视频,音频,图片,等等...
W3C万维网联盟
- 中文名:万维网联盟
- 外文名:World Wide Web Consortium
- 外语缩写:W3C
- 成立:1994年10月
- 性质:Web技术领域最具权威和影响力的国际中立性技术标准机构
- 成立地点:麻省理工学院计算机科学实验室
Web标准的组成
WEB(网页)的组成部分
HTML结构
- W3C制定了结构HTML的语法、标准
- HTML相当于车的框架
CSS表现
- W3C制定了表现CSS的语法、标准
- CSS相当于车的外表样式
JS行为
- W3C、ECMA制定了行为标准(W3C DOM、ECMAScript)
- JS相当于车的引擎、马达
常用开发工具
- Sublime Text
- Webstorm
- HBuilderX
- VSCode
HTML的基本语法
<常规标记>也叫双标记
<标记></标记>
<标记 属性="属性值" 属性="属性值"></标记>
标记也可以叫标签或者元素
例如:<head></head><空标记>也叫单标记
<标记/>
<标记 属性="属性值" />
例如:<br/>
HTML常用标签
- 什么是Web语义化?
其实简单说来就是让机器可以读懂内容。语句由语法规则创建。语言的语法定义了创建语言语句的规则。但是如何让语法变为语义呢?语义网是让机器可以理解数据。语义网技术,它包括一套描述语言和推理逻辑。它通过一些格式对本体(Ontology)进行描述。语义网并不是网页之间的连接。
2. 文本标签(h1-h6)
3.段落文本(p)
标识一个段落(段落与段落之间有段间距)
4.换行(br)
换行是一个空标记(强制换行)
5.水平线
hr空标记
6.加粗标记(推荐Strong)
b标签只是显示加粗而Strong标签则是强调内容突出文本
7.倾斜标记(推荐em)
8.删除线标记(推荐del)
9.扩展
今日学习总结
通过今天的学习,对HTML常用标签有了初步的认识与较为熟练的掌握,每一天都有新的挑战在等着我们,不要气馁,不要逃避,未来是属于我们的。加油!为了生活,我们都在努力。