HTML htyper text markup language 即超文本标记语言 超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 标记语言: 标记(标签)构成的语言.
标签
标签是由一对尖括号包裹的单词构成 例如: ;所有标签中的单词不可以数字开头,标签不区分大小写,标签可以嵌套但是不能交叉嵌套。 标签可以拥有属性,属性通常以键值对出现,属性名字必须全部小写,属性值必须以 " 或 ' 包裹,如:
标签
现在浏览器对 html 页面的模式有两种: BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。 加上 标签后,浏览器使用新的渲染方式,强烈建议启用。可以使用 window.top.document.compatMode 查看浏览器的渲染方式,例如:
Titlealert(window.top.document.compatMode)
head 标签
meta 有两个属性,name 和 http-equiv 。 name 属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的,如:
http-equiv 属性主要向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容
//注意后面有分号,意思是在2秒数后跳到后面的网址上
// 网址的编码为 UTF8
//模拟使用 IE7 标准的文档模式
非meta标签
klvchen - 博客园 // 浏览器标题栏或状态栏上展示标题// 浏览器标题栏或状态栏上展示标题旁的小图标
// 页面调用的 css 文件
// 页面调用的 js 文件
body 标签
标签分为块级标签和内联标签 块级标签的特点:
占满一行,宽度默认是浏览器的100%
可以容纳其他块元素和内联元素
内联标签的特点:
内联元素宽度默认是它文字或图片的宽度,不可改变
可以跟其他元素在同一行上
内联元素只能容纳文本或者其他内联元素
块级标签:
内联标签:
块级标签:
1.
: 标签定义段落
标签定义段落
标签定义段落
2.
to
: 定义 HTML 标题
标题1
标题2
标题3
标题4
标题5
标题6
3.
- : 定义有序列表
- Coffee
- Tea
- Milk
4.
- : 定义无序列表
- Coffee
- Tea
- Milk
5.
这是一个在 div 元素中的标题。
这是一个在 div 元素中的文本。
6.
: 定义水平线
内联标签:
1. : 定义超文本链接
2. : 定义图像
3. : 定义下标文本。定义上标文本。
这个文本包含 下标文本。
这个文本包含 上标 文本。
4. : 定义多行的文本输入控件。
我是一个文本框。
5. : 用于对文档中的行内元素进行组合。
我的猫有 蓝色 的眼睛。
6. : 定义文本粗体
字体加粗
7. : 定义斜体
斜体
8. : 定义被删除文本
删除文本
9. : 下拉选标签
出生地:
# 出生地 # 可以多选,默认显示两个选项
广东
广西
海南
出生地:
广州
深圳
杭州
温州
9. : 为 input 元素定义标注
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
男
特殊标签:
< -- 小于号 <
> -- 大于号 >
" -- 双引号 "
© -- 版权(copyright)
® -- 注册商标