HTML入门
一、什么是HTML:
HTML:超级文本标记语言
超文本:a
标记:超文本都是由标记组成的,如:<a>
语言:包含自己独特的语法
HTML最终由浏览器负责解释
HTML中可以嵌入一些脚本语言编写的程序段,如:Javascript
二、HTML版本:
超级文本标记语言(第一版)
HTML2.0
HTML3.2
HTML4.0
HTML4.01
XHTML1.0
HTML5
三、标签(标记):
1、标签语法:
必须使用尖括号括起来,不区分大小写,如<a>
、<div>
……
2、有封闭类型的标签,也有非封闭类型的标签。
(1)封闭类型:也称为双标记,则必须成对出现,
如:<标记>
文本内容</标记>
,
不同的标记,决定了“文本内容”的不同表现形式。
(2)非封闭类型:也称为单标记或者空标记,
<标记>或者<标记><标记/>,
如:<hr>
、<br>
、<img>
。
3、元素:标记就是元素,元素也称为标记。
4、元素嵌套(标签嵌套):
标签之间相互嵌套,形成复杂的语法结构。
如:<body>
<p></p>
</body>
5、属性:
属性是出现在开始标记中的内容,作用是修饰元素
<p 属性名=“属性值”></p>
<p 属性名=‘属性值’></p>
<p 属性名=属性值></p>
(尽量不要这么写)
标准属性:每个元素都会具备的通用属性
id:定义每个标签的唯一标识
title:提示文本
class:样式相关,类样式
style:样式相关,行内样式
操作一:定义一对p标签,id属性设置为program:
<p id=“program”</p>
多属性:
<p 属性1=“值” 属性2=“值”></p>
注意:多属性之间,排名不分先后
四、创建HTML文档:
开发工具:任何一个文字编辑软件都可以开发HTML
Editplus:超级记事本
运行环境:任何一个浏览器都能运行HTML
Google Chrome、Mozilla Firefox、Microsoft IE、Safari、Opera
超文本文件(HTML文档):
是一个以.html或.htm结尾的文档
五、文档结构:
1、文档类型声明:
声明使用的html版本和风格
<!Doctype html>
2、HTML页面:
(1)文档根元素:每个文档有且仅有一对根元素,
(2)在根元素的内部,包含两对子元素
head:页面的头部内容,定义页面全局信息
包含:<title></title>
:网页标题
<meta />
:声明元数据(编码、关键字、描述)
<style></style>
:声明内部样式表
<link />
:引入外部样式表
<script></script>
:定义或引入脚本文件
body:页面的主体内容,任何一个标签都可能出现在body中
(3)head元素:
声明网页标题:<title></title>
定义网页文本编码格式:utf-8:支持中英文,标点符号
默认的是ISO-8859-1:只支持英文及英文状态下的标点符号
<meta charset=“utf-8” />
(4)body元素:
属性:
text:文本的颜色
bgcolor:背景颜色
<p 属性名=“属性值”></p>
<p 属性名=‘属性值’></p>
<p 属性名=属性值></p>