【九月打卡】第9天前端工程师2022版前端入门第一周课程-原创手记-慕课网

课程名称：前端工程师2022版
课程章节：HTML5基础语法与标签
课程讲师：慕课网
课程目标：掌握HTML5语法与基础标签
课程内容：HTML5语法与基础标签
列表标签
多媒体与语义化标签
表单标签
表格标签

什么是HTML

HTML来历
1969年，IBM 的技术人员 Charles Goldfarh 和 Edward Mosher 等人一起发明了通用标记语言 GML（Generalized Marked Language）。1985年在英国成立了国际 SGML 用户组织，在1986年，SGML 成为国际标准ISO8879：信息处理标准通用标记语言（Information processing Text and office system Standard generalized markup language）。HTML 和 XML 派生于 SGML，XML 可以被认为是它的一个子集，而 HTML 是它的一个应用。为了告诉浏览器我们需要展示什么内容，HTML 定义了一整套符号标记规范，这些规范包括
设置文字的格式；
创建列表；
显示图片；
显示多媒体；
显示超链接；
等等。

完整的HTML格式

<!DOCTYPE >  <!-- 控制w3c格式 -->
<html> 
<head> 
<meta charset="utf-8"> <!-- 告诉浏览器使用的是utf-8字符集 --> <title>我的网站</title><!-- 这里用来编写网站的标题 -->
</head>
<body> <!-- 只有body标签的内容，才能真正显示在浏览器的窗口 --> 
</body> 
</html>

标签语法和属性

HTML文档扩展名
HTML 以文档的形式存储，文档的后缀可以是 .html .htm .xhtml，有时也会看到 php/asp/jsp 等类型的网页后缀，这种是通过服务器的 CGI 动态解析过的网页，网页内容也是 HTML 格式，只不过网页后缀是根据服务器的 CGI 网关的不同来定义的。不同的后缀形式可能在浏览器的解释结果不相同，在此不做深入讨论。
HTML标签
标签有两种定义方式：
闭合型标签：<标签>内容</标签>
自闭合标签： <标签 />或者<标签>

<div>这是一个闭合标签</div> <!-- 闭合标签 -->
<DIV>跟上边等价</DIV> <!-- 标签不区分大小写 -->
<input type='text' name='test' /> <!-- 自闭合标签 -->

课程截图
图片描述