HTML 简介
1.什么是 HTML?
超文本:暂且简单理解为 “超级的文本”,和普通文本比,内容更丰富。
标 记:文本要变成超文本,就需要用到各种标记符号。
语 言:每一个标记的写法、读音、使用规则,组成了一个标记语言。
2.HTML 标签
1. 标签 又称 元素,是HTML的基本组成单位。2. 标签分为:双标签 与 单标签 (绝大多数都是双标签)。3. 标签名不区分大小写,但推荐小写,因为小写更规范
4. 双标签:
注:双标签就是<标签名> 标签体 </标签名>
示例代码:<div> 你好帅 </div>
5. 单标签:
示例代码 <input>
6. 标签之间的关系:并列关系、嵌套关系,可以使用 tab 键进行缩进
<div>
<h1> 学习就是坚持 </h1>
</div>
3. HTML 标签属性
1.
用于给标签提供
附加信息
。
2.
可以写在:
起始标签
或
单标签中
,形式如下:
<marquee bgcolor="red"> 我是一个标准HTML结构 </marquee>
3.
有些特殊的属性,没有属性名,只有属性值,例如:
<input
disabled
> 在 HTML 中,
disabled
是一个布尔属性,用于
禁用表单元素。
4. HTML 基本结构
基本结构:
<html>
<head>
<title>网页标题</title>
</head>
<body>
......
</body>
</html>
5. HTML 注释
快捷键 shift+/
作用:对代码进行解释和说明
写法: <!-- 表格标题 -->
6. HTML 文档声明
1.
作用:告诉浏览器当前网页的版本。
W3C
推荐使用
HTML 5
的写法。
<!DOCTYPE html>
注意:文档声明,必须在网页的第一行,且在 html 标签的外侧。
7. HTML 字符编码
平时编写代码时,统一采用 UTF-8 编码(最稳妥)。
为了让浏览器在渲染 html 文件时,不犯错误,可以通过 meta 标签配合 charset 属性指
定字符编码。
<head>
<meta charset="UTF-8"/>
</head>
8.HTML 设置语言
主要作用:
让浏览器显示对应的翻译提示。
有利于搜索引擎优化
具体写法:
<html lang="zh-CN">
zh
-
CN
:中文
-
中国大陆(简体中文)
zh
-
TW
:中文
-
中国台湾(繁体中文)
zh
:中文
9. HTML标准结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<title> 我是一个标准HTML结构</title>
</head>
<body>
<marquee bgcolor="red"> 我是一个标准HTML结构 </marquee>
</body>
</html>
输入
!
,随后回车即可快速生成标准结构。