码迷,mamicode.com
首页 > Web开发 > 详细

HTML

时间:2015-06-18 19:20:11      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:

HTML 图像是通过 <img> 标签进行定义的。<img src="w3school.jpg" width="104" height="142" />

<h1> 定义最大的标题。<h6> 定义最小的标题。

<hr /> 标签在 HTML 页面中创建水平线。

hr 元素可用于分隔内容。

注释:<!-- This is a comment -->

文本格式化标签

标签

描述

<b>

定义粗体文本。

<big>

定义大号字。

<em>

定义着重文字。

<i>

定义斜体字。

<small>

定义小号字。

<strong>

定义加重语气。

<sub>

定义下标字。

<sup>

定义上标字。

<ins>

定义插入字。

<del>

定义删除字。

<s>

不赞成使用。使用 <del> 代替。

<strike>

不赞成使用。使用 <del> 代替。

<u>

不赞成使用。使用样式(style)代替。

 

引用、引用和术语定义

标签

描述

<abbr>

定义缩写。

<acronym>

定义首字母缩写。

<address>

定义地址。

<bdo>

定义文字方向。

<blockquote>

定义长的引用。

<q>

定义短的引用语。

<cite>

定义引用、引证。

<dfn>

定义一个定义项目。

 

引用外部样式表:

<link rel="stylesheet" type="text/css" href="mystyle.css">

内联样式

<p style="color: red; margin-left: 20px">

This is a paragraph

</p>

下面的这行会在新窗口打开文档:

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

HTML 链接 - name 属性

name 属性规定锚(anchor)的名称。

命名锚的语法:

<a name="label">锚(显示在页面上的文本)</a>

提示:锚的名称可以是任何你喜欢的名字。

提示:可以使用 id 属性来替代 name 属性,命名锚同样有效。

实例

首先,在 HTML 文档中对锚进行命名(创建一个书签):

<a name="tips">基本的注意事项 - 有用的提示</a>

然后,在同一个文档中创建指向该锚的链接:

<a href="#tips">有用的提示</a>

也可以在其他页面中创建指向该锚的链接:

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

替换文本属性(Alt)

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

<img src="boat.gif" alt="Big Boat">

HTML <ol> 标签

New:HTML5 中的新属性。

属性

描述

compact

compact

HTML5 中不支持。HTML 4.01 中不赞成使用。

规定列表呈现的效果比正常情况更小巧。

reversed

reversed

规定列表顺序为降序。(9,8,7...)

start

number

规定有序列表的起始值。

type

1

A

a

I

i

规定在列表中使用的标记类型。

 

表单标签

标签

描述

<form>

定义供用户输入的表单

<input>

定义输入域

<textarea>

定义文本域 (一个多行的输入控件)

<label>

定义一个控制的标签

<fieldset>

定义域

<legend>

定义域的标题

<select>

定义一个选择列表

<optgroup>

定义选项组

<option>

定义下拉列表中的选项

<button>

定义一个按钮

<isindex>

已废弃。由 <input> 代替。

 

 

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset>

假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame> 标签中加入:noresize="noresize"。

为不支持框架的浏览器添加 <noframes> 标签。

iframe 用于在网页内显示网页。

<iframe src="URL"></iframe>

使用 iframe 作为链接的目标

iframe 可用作链接的目标(target)。

链接的 target 属性必须引用 iframe 的 name 属性:

背景颜色(Bgcolor)

背景(Background)

HTML <head> 元素

以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。

<base> 标签为页面上的所有链接规定默认地址或默认目标(target):

<base target="_blank" />

元数据(metadata)是关于数据的信息。

<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。

重定向:<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />

JavaScript 使 HTML 页面具有更强的动态和交互性。。

<script type="text/javascript">
document.write("Hello World!")
</script>
 
<noscript>Your browser does not support JavaScript!</noscript>

如果浏览器压根没法识别 <script> 标签,那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,应该将脚本隐藏在注释标签当中。

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

HTML 中有用的字符实体

注释:实体名称对大小写敏感!

显示结果

描述

实体名称

实体编号

 

空格

&nbsp;

&#160;

小于号

&lt;

&#60;

大于号

&gt;

&#62;

&

和号

&amp;

&#38;

"

引号

&quot;

&#34;

撇号 

&apos; (IE不支持)

&#39;

&cent;

&#162;

£

&pound;

&#163;

¥

日圆

&yen;

&#165;

欧元

&euro;

&#8364;

§

小节

&sect;

&#167;

©

版权

&copy;

&#169;

®

注册商标

&reg;

&#174;

商标

&trade;

&#8482;

×

乘号

&times;

&#215;

÷

除号

&divide;

&#247;

 

HTML

标签:

原文地址:http://www.cnblogs.com/selfimprove/p/4586497.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!