html元素与标签6,HTML 介绍及标签 - osc_6jiql8xy的个人空间 - OSCHINA - 中文开源技术交流社区...

HTML htyper text markup language 即超文本标记语言 超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 标记语言: 标记(标签)构成的语言.

标签

标签是由一对尖括号包裹的单词构成 例如: ;所有标签中的单词不可以数字开头，标签不区分大小写，标签可以嵌套但是不能交叉嵌套。 标签可以拥有属性，属性通常以键值对出现，属性名字必须全部小写，属性值必须以 " 或 ' 包裹，如：

取消

标签

现在浏览器对 html 页面的模式有两种： BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。 加上 标签后，浏览器使用新的渲染方式，强烈建议启用。可以使用 window.top.document.compatMode 查看浏览器的渲染方式，例如：

Title

alert(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.

1. : 定义有序列表
   1. Coffee
   2. Tea
   3. Milk

4.

• : 定义无序列表
  • Coffee
  • Tea
  • Milk

5.

: 标签定义 HTML 文档中的一个分隔区块或者一个区域部分

这是一个在 div 元素中的标题。

这是一个在 div 元素中的文本。

6.

---

: 定义水平线

---

内联标签：

1. : 定义超文本链接

访问klvchen!

2. : 定义图像

3. _{: 定义下标文本。^{定义上标文本。}}

这个文本包含 _下标文本。

这个文本包含 ^上标 文本。

4. : 定义多行的文本输入控件。

我是一个文本框。

5. : 用于对文档中的行内元素进行组合。

我的猫有 蓝色 的眼睛。

6. : 定义文本粗体

字体加粗

7. : 定义斜体

斜体

8. : 定义被删除文本

删除文本

9. : 下拉选标签

出生地:

# 出生地 # 可以多选，默认显示两个选项

广东

广西

海南

出生地:

广州

深圳

杭州

温州

9. : 为 input 元素定义标注

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

男

特殊标签：

< -- 小于号 <

> -- 大于号 >

" -- 双引号 "

© -- 版权(copyright)

® -- 注册商标