HTML5 | 青训营笔记

282 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天

什么是HTML?

HTML 是用来描述网页的一种语言。

  • HTML指的是超文本标记语言(Hyper text Markup Language)
  • HTML不是一种编程语言,而是一种标记语言(Markup Language)
  • 标记语言是一套标记标签(markup tag)

网页是怎么形成的?

  1. 网页通过浏览器才能访问阅读
  2. 网页是网站中的一“页”
  3. 文件扩展名.html

总结

  1. 网页是前端开发人员写的,通过浏览器转成普通人眼中的美丽页面
  2. 网页的扩展名是.html
  3. 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的基本语法

  1. <常规标记>也叫双标记
    <标记></标记>
    <标记 属性="属性值" 属性="属性值"></标记>
    标记也可以叫标签或者元素
    例如:<head></head>
  2. <空标记>也叫单标记
    <标记/>
    <标记 属性="属性值" />
    例如:<br/>

HTML常用标签

  1. 什么是Web语义化?
    其实简单说来就是让机器可以读懂内容。语句由语法规则创建。语言的语法定义了创建语言语句的规则。但是如何让语法变为语义呢?语义网是让机器可以理解数据。语义网技术,它包括一套描述语言和推理逻辑。它通过一些格式对本体(Ontology)进行描述。语义网并不是网页之间的连接。

2. 文本标签(h1-h6)

3.段落文本(p)

标识一个段落(段落与段落之间有段间距)

4.换行(br)

换行是一个空标记(强制换行)

5.水平线

hr空标记

6.加粗标记(推荐Strong)

b标签只是显示加粗而Strong标签则是强调内容突出文本

7.倾斜标记(推荐em)

8.删除线标记(推荐del)

9.扩展

今日学习总结

通过今天的学习,对HTML常用标签有了初步的认识与较为熟练的掌握,每一天都有新的挑战在等着我们,不要气馁,不要逃避,未来是属于我们的。加油!为了生活,我们都在努力。