HTML入门（重点）
（1）什么是HTML？
Hyper Text Markup Language
超级 文本 标记 语言
HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。HTML 由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。 一对标签（ tags）可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。
a.超文本：也是文本，但会具备特殊功能。
普通文本 a：普通字符a
超文本 a：表示超链接
普通文本b：普通字符b
超文本 b：加粗显示文本
b. 标记：超文本的表现形式
普通文本 a: a
超文本 a: <a></a>
c.语言：具备一定的语法规范
HTML也具备自己的语法规范
WEB页面（HTML页面）就是由HTML语言来进行开发的，以 .html 或 .htm 进行结尾的文件。
开发&运行网页的工具：
<1>记事本
<2>浏览器
（2）HTML的基础语法
a.标记语法
HTML中用于描述功能的符号称为“标记”。
标记在使用时，用尖括号“<>”。
标记的分类：
<1>封闭类型的标记
也称为“双标记”，必须成对出现。
语法：<标记>内容</标记>
Demo:
1.创建p标记 -- <p></p>
2.创建div标记 -- <div> </div>
3.创建header标记 -- <header></header>
<2>非封闭类型的标记
也称为“单标记”
语法：<标记> 或 <标记/>
Demo:
1.创建 br 标记 -- <br/>
2.创建 hr 标记 -- <hr/>
3.创建 img 标记 -- <img/>
4.创建 input 标记 -- <input/>
b.标记（元素）的嵌套
在一对标记中，允许出现另外一对（一个）标记。
<标记1>
<标记2></标记2>
</标记1>
注意：嵌套标记的书写格式 -- 被嵌套的标记要通过一个缩进键（Tab）来表示层级关系。
Demo:
1.编写一对body标记，在body标记中，嵌套一对div标记，在div标记中，嵌套一对 a 标记，在 a 标记中，嵌套一对 b 标记，在 b 标记中，随意编写一些文本。
<body>
<div>
<a>
<b>这是一段测试文本 </b>
</a>
</div>
</body>
c.标记的属性
（1）什么是属性？
用来修饰标记的效果的内容，就是属性。
（2）语法
<1>属性必须声明在开始标记中。
<2>属性与标记名称之间，用 空格 隔开。
<3>属性的值 与 属性之间 使用 “=” 连接.
<4>一个元素允许有多个属性，多属性间，排名不分先后，中间用 空格 隔开 即可。
Demo:
1.创建一对 div标记，增加属性，设置 align 属性的值为 center,设置id 属性的值为container,设置title 属性的值为 这是一个div.
<div align="center" id="container" title="这是一个div"></div>
四大标准属性：
1.id:定义元素在页面中独一无二的名称。
2.title:鼠标悬停在元素上时，体现的文字。
3.class：引用 类选择器时使用（CSS中）
4.style:定义 内联 方式使用（CSS中）
d.注释
语法：<!-- -->
注意：
<1>注释不能嵌套。
<2>注释不能出现在标记中。
（3）HTML文档结构
W3C：World Wide Web Consortium(万维网联盟）
a.文档类型声明
告知浏览器当前的HTML文档用的是哪个版本。
在网页的最顶端<!doctype html>
b.由一对html根标记，来表示页面的开始与结束。
Demo:
1.在htdoc中，创建一个网页01-first.html 文件 创建一个记事本，将.txt重命名为.html.
2.搭建HTML网页结构。
（1）添加文档类型声明。
（2）添加html根标记。
<!doctype 1.文档类型声明-->
<!doctype html>
<!-- 2.HTML根标记-->
<html>
</html>
（4）<html>标记
包含两对子元素
1.<head></head>
包含的子元素（2对）
a.<title>网页的标题是</title>
b.<meta charset="utf-8"/> -- 能正常显示中文
2.<body></body>
属性：
a. text,取值是一个颜色值（red,green,blue...）
b. bgcolor,取值也是一个颜色值。
Demo： 在刚才的Demo基础上，
1.在<html>中增加 <head> 和 <body>
2.我网页指定标题 -- 我的第一个HTML文档
3. 指定网页的字符编码格式为 Utf-8
4.在body中输出一句话 “我的第一个HTML页面”
5，设置body text 为red,bgcolor为yellow.
<!doctype 1.文档类型声明-->
<!doctype html>
<!-- 2.HTML根标记-->
<html>
<head>
<!--增加网页标题-->
<title>我的第一个HTML</title>
<!--指定网页字符编码格式为utf-8-->
<meta charset = "utf-8"/>
</head>
<body text="red" bgcolor="yellow">
我的第一个HTML页面
</body>
</html>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
