编辑器
- Adobe Dreamweaver
- Microsoft Expression Web
- CoffeeCup HTML Editor
- 记事本
标签
HTML 标签对大小写不敏感。
- HTML 标题(Heading)是通过 <h1> </h1>- <h6></h6> 等标签进行定义的。
- HTML 段落是通过 <p> </p>标签进行定义的。如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签
- HTML 链接是通过 <a> </a>标签进行定义的。注释:在 href 属性中指定链接的地址。
<a href="http://www.w3school.com.cn">This is a link</a> 给This is a link加链接
- HTML 图像是通过 <img> 标签进行定义的。注释:图像的名称和尺寸是以属性的形式提供的。
<img src="w3school.jpg" width="104" height="142" />
- <br /> 定义换行,在开始标签中结束 是关闭空元素的正确方法
- <hr /> 标签在 HTML 页面中创建水平线。
-
<!-- This is a comment --> 添加注释,运行后不显示。
-
标签 描述 <html> 定义 HTML 文档。 <body> 定义文档的主体。 <h1> to <h6> 定义 HTML 标题 <hr> 定义水平线。 <!--> 定义注释。
元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
- HTML 元素以开始标签起始
- HTML 元素以结束标签终止
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容(empty content)
- 空元素在开始标签中进行关闭(以开始标签的结束而结束)eg:<br />
- 大多数 HTML 元素可拥有属性
大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。HTML 文档由嵌套的 HTML 元素构成。
**不要忘记结束标签。不会报错,但可能会产生不可预料的结果或错误
属性
属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,比如:name="value"。属性总是在 HTML 元素的开始标签中规定。
eg:
- HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:<a href="http://www.w3school.com.cn">This is a link</a>
- <h1> 定义标题的开始。<h1 align="center"> 拥有关于对齐方式的附加信息。
- <body> 定义 HTML 文档的主体。<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。
- <table> 定义 HTML 表格。<table border="1"> 拥有关于表格边框的附加信息。
** 使用小写属性;加引号(单引号或双引号)
属性 | 值 | 描述 |
---|---|---|
class | classname | 规定元素的类名(classname) |
id | id | 规定元素的唯一 id |
style | style_definition | 规定元素的行内样式(inline style) |
title | text | 规定元素的额外信息(可在工具提示中显示) |
样式
style 属性用于改变 HTML 元素的样式。
<p style="font-family:verdana;color:red">This text is in Verdana and red</p>
- background-color 属性为元素定义了背景颜色;
- font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
- text-align 属性规定了元素中文本的水平对齐方式;
<h1 style="text-align:center">This is a heading</h1>
格式化
文本格式化标签
- <b>This text is bold</b>:黑体
- <strong>This text is strong</strong>:加粗
- <big>This text is big</big>:放大
- <em>This text is emphasized</em>:强调
- <i>This text is italic</i>:斜体
- <small>This text is small</small>
- This text contains <sub>subscript</sub> :上标
- This text contains<sup>superscript</sup> :下标
- <pre> </pre> 保留预格式文本--适合用于显示计算机代码
- <address></address> 写明地址
- title 可用于展示表达的完整版本。仅对于 IE 5 中的 acronym 元素有效。对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。<acronym title="World Wide Web">WWW</acronym>
- <bdo dir="rtl">Here is some Hebrew text</bdo> :bi-directional override (bdo)定义双流向覆盖,rt1:从右往左输出
- <blockquote></blockquote>;<q></q> :引用;使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。
- <del>二十</del> :删除文本; <ins>十二</ins>:下划线文本
- <cite> 元素定义著作的标题。浏览器通常会以斜体显示 <cite> 元素。
标签 | 描述 |
---|---|
<b> | 定义粗体文本。 |
<big> | 定义大号字。 |
<em> | 定义着重文字。 |
<i> | 定义斜体字。 |
<small> | 定义小号字。 |
<strong> | 定义加重语气。 |
<sub> | 定义下标字。 |
<sup> | 定义上标字。 |
<ins> | 定义插入字。 |
<del> | 定义删除字。 |
<s> | 不赞成使用。使用 <del> 代替。 |
<strike> | 不赞成使用。使用 <del> 代替。 |
<u> | 不赞成使用。使用样式(style)代替。 |
计算机输出”标签
标签 | 描述 |
---|---|
<code> | 定义计算机代码。 |
<kbd> | 定义键盘码。 |
<samp> | 定义计算机代码样本。 |
<tt> | 定义打字机代码。 |
<var> | 定义变量。 |
<pre> | 定义预格式文本。 |
文本格式化标签
标签 | 描述 |
---|---|
<abbr> | 定义缩写。 |
<acronym> | 定义首字母缩写。 |
<address> | 定义地址。 |
<bdo> | 定义文字方向。 |
<blockquote> | 定义长的引用。 |
<q> | 定义短的引用语。 |
<cite> | 定义引用、引证。 |
<dfn> | 定义一个定义项目 |
HTML 引文、引用和定义元素
标签 | 描述 |
---|---|
<abbr> | 定义缩写或首字母缩略语。 |
<address> | 定义文档作者或拥有者的联系信息。 |
<bdo> | 定义文本方向。 |
<blockquote> | 定义从其他来源引用的节。 |
<dfn> | 定义项目或缩略词的定义。 |
<q> | 定义短的行内引用。 |
<cite> | 定义著作的标题。 |
HTML 计算机代码元素
标签 | 描述 |
---|---|
<code> | 定义计算机代码文本 |
<kbd> | 定义键盘文本 |
<samp> | 定义计算机代码示例 |
<var> | 定义变量 |
<pre> | 定义预格式化文本 |
标签 | 描述 |
---|---|
<style> | 定义样式定义。 |
<link> | 定义资源引用。 |
<div> | 定义文档中的节或区域(块级)。 |
<span> | 定义文档中的行内的小块或区域。 |
<font> | 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。 |
<basefont> | 定义基准字体。不赞成使用。请使用样式。 |
<center> | 对文本进行水平居中。不赞成使用。请使用样式。 |