1 HTML概述
1.1 什么是HTML
HTML:Hyper Text Markup Language,超文本标记语言(文字、图片,音频、视频、动画等)
超文本:暂且简单理解为 “超级的文本”,和普通文本比,内容更丰富。
标 记:文本要变成超文本,就需要用到各种标记符号。
语 言:每一个标记的写法、读音、使用规则,组成了一个标记语言。
1.2 相关国际组织
1.、IETF
全称:Internet Engineering Task Force(国际互联网工程任务组),成立于1985年底,是一个权威
的互联网技术标准化组织,主要负责互联网相关技术规范的研发和制定,当前绝大多数国际互联网
技术标准均出自IETF。官网:https://www.ietf.org
2、W3C
全称:World Wide Web Consortium(万维网联盟),创建于1994年,是目前Web技术领域,最具影
响力的技术标准机构。共计发布了200多项技术标准和实施指南,对互联网技术的发展和应用起到
了基础性和根本性的支撑作用,官网:https://www.w3.org
3、 WHATWF
全称:Web Hypertext Application Technology Working Group(网页超文本应用技术工作小组)成立
于2004年,是一个以推动网络HTML 5 标准为目的而成立的组织。由Opera、Mozilla基金会、苹果,
等这些浏览器厂商组成。官网:https://whatwg.org/
1.3 HTML发展史
2 HTML标签
1、 标签 又称 元素,是HTML的基本组成单位。
2、 标签分为:双标签 与 单标签 (绝大多数都是双标签)。
3、 标签名不区分大小写,但推荐小写,因为小写更规范。
4、 双标签:
5、 单标签:
例:
<input>
6、 标签之间的关系:并列关系、嵌套关系,可以使用 tab 键进行缩进:
3 HTML标签属性
1、 用于给标签提供 附加信息。
2、 可以写在:起始标签 或 单标签中,形式如下:
例:
<marquee loop="1" bgcolor="orange">尚硅谷,让天下没有难学的技术!</marquee> <input type="password">
3、 有些特殊的属性,没有属性名,只有属性值
例:
<input disabled>
4 HTML基本结构
<html> <head> <title>网页标题</title> </head> <body> ...... </body> </html>
5 HTML编辑器
编辑器:vscode
插件:Live Server
6 HTML注释
<!--这是一段注释-->
注意:注释不可嵌套注释
7 HTML标准结构
生成一个网页包含以下内容,title里面写网页名字,body里面写网页内容
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
文档声明
字符编码
<head> <meta charset="UTF-8"> </head>
设置语言
主要作用:
- 让浏览器显示对应的翻译提示
- 有利于搜索引擎优化
<html lang="zh-CN">