HTML基础语法
标记语言
1.HTML用于描述功能的符号称为“标记”,比如<p>、<h1>等
--标记在使用时必须使用尖括号括起来
--有封闭类型标记,也有非封闭类型的标记
标记语法(续1)
1.封闭类型标记(也叫双标记):必须成对出现
-<标记>内容</标记>
2.封闭类型的标记必须成对出现
- 如果一个应该封闭的标记没有被封闭,则会产生意料不到的错误
标记语法(续2)
1.非封闭类型标记,也叫做空标记,或者单标记
- <标记/>
- 或者
- <标记>
2.不能包含内容
普通文本一 <br/>普通文本二
普通文本三 <br>普通文本四
元素
1.元素,即标记
2.每一对尖括号包围的部分
- 如<body></body>包围的部分就叫做body元素
- 元素就像是小标签,用于标识网页文档的不同部分
3.元素可以包含文本内容和其他元素,也可以是空的,比如前面所诉的空标记
元素嵌套
1.元素之前可以相互嵌套,形成更为复杂的语法
在嵌套元素时需要标记的嵌套顺序
属性和值
1.属性用来修饰元素
-- 属性的声明必须位于开始标记里
-- 一个元素的属性可能不止一个,多个属性之间用空格隔开
-- 多个属性之间不区分先后顺序
2.每个属性都有值
-- 属性和属性的值之间用等号链接
--属性的值包含在引号中
标准属性
1. 每个元素都有自己所特有的属性
2.有些属性是绝大多数元素都支持的属性,称为标准属性(或通用属性)
-- id
-- title
-- class
-- style
注释
1.为代码添加适当的注释是一种良好的编码习惯
2.注释只在编辑文档情况下可见,在浏览器展示页面时并不会显示
3.添加注释的语法如下
- <!--注释部分-->
备注:1.“<!--”和“-->”之间的任何内容都不会显示在浏览器中
2.注释不可以嵌套在其他注释中
3.注释不可以位于嵌在<>中
HTML 和 XHTML
1.XHTML于2000年的一月26日成为W3C标准
-- 与HTML4.0.1几乎相同
--更严格更纯净的HTML版本
HTML5
1.HTML5的目标,就是更为简洁的HTML代码
HTML文档的结构
1.文档类型声明
2.html页面
-- 文件头:<head> </head>
-- 文档主体部分:<body></body>
文档类型声明
1.在文档的起始位用DOCTYPE声明指定版本和风格
--让浏览器清楚文档的版本、类型和风格
2.Strict DTD
<!DOCTYPE html PUBLIC " -//W3C//..../xhtml1-strict.dtd">
3.Transitional DTD
<!DOCTYPE html PUBLIC "-//W3C//..../xhtml1-transitional.dtd">
4.Frameset DTD
<!DOCTYPE html PUBLIC " - //W3C// .../xhtml1-frameset.dtd">
5.HTML5
<!DOCTYPE HTML>
<html>元素
1.整个文档的包含元素
-- 在DOCTYPE 的文档类型声明之后
-- 按照严格版本(Strict XTML 1.0),起始的<html>标记中必须包含命名空间标识符
2.有两个子元素
- <head> :页面的头部内容
- <body> :页面的主体内容
<head>元素
1.<head>元素用于为页面定义全局信息
- 所有其他头元素的容器
- 紧跟在起始标签<html>之后
2.可包含
- title 、meta、script 、style 、link等
文档头疼内容 -- <title>
1.标题元素<title></title>用于为文档定义标题
-- 标题元素的内容出现在浏览器顶部
-- 没有属性
-- 必须出现在<head> 元素中
-- 一个文档只能有一个标题元素
文档头部内容 -- <meta>
1.元数据元素<meta>用于定义网页的基本信息
2. 为空标记
3.常用属性有:content 、http-equiv
<body>元素
1.<body>元素出现在<head>元素之后,包含网页要显示给读者的内容,称为主体内容
2.可以包含除了html、head 外所有元素