HTML
2015-06-18 17:23
141 查看
HTML图像是通过<img>标签进行定义的。<imgsrc="w3school.jpg"width="104"height="142"/>
<h1>定义最大的标题。<h6>定义最小的标题。
<hr/>标签在HTML页面中创建水平线。
hr元素可用于分隔内容。
注释:<!--Thisisacomment-->
文本格式化标签
引用、引用和术语定义
引用外部样式表:
<linkrel="stylesheet"type="text/css"href="mystyle.css">
内联样式
<pstyle="color:red;margin-left:20px">
Thisisaparagraph
</p>
下面的这行会在新窗口打开文档:
<ahref="http://www.w3school.com.cn/"target="_blank">VisitW3School!</a>
HTML链接-name属性
name属性规定锚(anchor)的名称。
命名锚的语法:
<aname="label">锚(显示在页面上的文本)</a>
提示:锚的名称可以是任何你喜欢的名字。
提示:可以使用id属性来替代name属性,命名锚同样有效。
实例
首先,在HTML文档中对锚进行命名(创建一个书签):
<aname="tips">基本的注意事项-有用的提示</a>
然后,在同一个文档中创建指向该锚的链接:
<ahref="#tips">有用的提示</a>
也可以在其他页面中创建指向该锚的链接:
<ahref="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
替换文本属性(Alt)
alt属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<imgsrc="boat.gif"alt="BigBoat">
HTML<ol>标签
New:HTML5中的新属性。
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在<frame>标签中加入:noresize="noresize"。
为不支持框架的浏览器添加<noframes>标签。
iframe用于在网页内显示网页。
链接的target属性必须引用iframe的name属性:
<base>标签为页面上的所有链接规定默认地址或默认目标(target):
<basetarget="_blank"/>
元数据(metadata)是关于数据的信息。
<meta>标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。
重定向:<metahttp-equiv="Refresh"content="5;url=http://www.w3school.com.cn"/>
JavaScript使HTML页面具有更强的动态和交互性。。
如果浏览器压根没法识别<script>标签,那么<script>标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,应该将脚本隐藏在注释标签当中。
<h1>定义最大的标题。<h6>定义最小的标题。
<hr/>标签在HTML页面中创建水平线。
hr元素可用于分隔内容。
注释:<!--Thisisacomment-->
文本格式化标签
标签 | 描述 |
<b> | 定义粗体文本。 |
<big> | 定义大号字。 |
<em> | 定义着重文字。 |
<i> | 定义斜体字。 |
<small> | 定义小号字。 |
<strong> | 定义加重语气。 |
<sub> | 定义下标字。 |
<sup> | 定义上标字。 |
<ins> | 定义插入字。 |
<del> | 定义删除字。 |
<s> | 不赞成使用。使用<del>代替。 |
<strike> | 不赞成使用。使用<del>代替。 |
<u> | 不赞成使用。使用样式(style)代替。 |
标签 | 描述 |
<abbr> | 定义缩写。 |
<acronym> | 定义首字母缩写。 |
<address> | 定义地址。 |
<bdo> | 定义文字方向。 |
<blockquote> | 定义长的引用。 |
<q> | 定义短的引用语。 |
<cite> | 定义引用、引证。 |
<dfn> | 定义一个定义项目。 |
<linkrel="stylesheet"type="text/css"href="mystyle.css">
内联样式
<pstyle="color:red;margin-left:20px">
Thisisaparagraph
</p>
下面的这行会在新窗口打开文档:
<ahref="http://www.w3school.com.cn/"target="_blank">VisitW3School!</a>
HTML链接-name属性
name属性规定锚(anchor)的名称。
命名锚的语法:
<aname="label">锚(显示在页面上的文本)</a>
提示:锚的名称可以是任何你喜欢的名字。
提示:可以使用id属性来替代name属性,命名锚同样有效。
实例
首先,在HTML文档中对锚进行命名(创建一个书签):
<aname="tips">基本的注意事项-有用的提示</a>
然后,在同一个文档中创建指向该锚的链接:
<ahref="#tips">有用的提示</a>
也可以在其他页面中创建指向该锚的链接:
<ahref="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
替换文本属性(Alt)
alt属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
<imgsrc="boat.gif"alt="BigBoat">
HTML<ol>标签
New:HTML5中的新属性。
属性 | 值 | 描述 |
compact | compact | HTML5中不支持。HTML4.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>代替。 |
<framesetcols="25%,75%">
<framesrc="frame_a.htm">
<framesrc="frame_b.htm">
</frameset>
假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在<frame>标签中加入:noresize="noresize"。
为不支持框架的浏览器添加<noframes>标签。
iframe用于在网页内显示网页。
<iframesrc="URL"></iframe>
使用iframe作为链接的目标
iframe可用作链接的目标(target)。链接的target属性必须引用iframe的name属性:
背景颜色(Bgcolor)
背景(Background)
HTML<head>元素
以下标签都可以添加到head部分:<title>、<base>、<link>、<meta>、<script>以及<style>。<base>标签为页面上的所有链接规定默认地址或默认目标(target):
<basetarget="_blank"/>
元数据(metadata)是关于数据的信息。
<meta>标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。
重定向:<metahttp-equiv="Refresh"content="5;url=http://www.w3school.com.cn"/>
JavaScript使HTML页面具有更强的动态和交互性。。
<scripttype="text/javascript">
document.write("HelloWorld!")
</script>
<noscript>YourbrowserdoesnotsupportJavaScript!
</noscript>
如果浏览器压根没法识别<script>标签,那么<script>标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,应该将脚本隐藏在注释标签当中。
<scripttype="text/javascript">
<!--
document.write("HelloWorld!")
//-->
</script>
HTML中有用的字符实体
注释:实体名称对大小写敏感!显示结果 | 描述 | 实体名称 | 实体编号 |
空格 | | | |
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 和号 | & | & |
" | 引号 | " | " |
' | 撇号 | '(IE不支持) | ' |
¢ | 分 | ¢ | ¢ |
£ | 镑 | £ | £ |
¥ | 日圆 | ¥ | ¥ |
€ | 欧元 | € | € |
§ | 小节 | § | § |
© | 版权 | © | © |
® | 注册商标 | ® | ® |
™ | 商标 | ™ | ™ |
× | 乘号 | × | × |
÷ | 除号 | ÷ | ÷ |
相关文章推荐
- C#中HTML/XML处理及正则表达式
- HTML--SVG基础
- html img热区坐标根据屏幕大小自适应
- HTML 5 <input> placeholder 属性
- html的编辑器 sublimetext2的使用及插件安装
- html中自动隐藏字,变成省略号
- insertAdjacentHTML/insertAdjacentElement/insertAdjacentText
- HTML转义字符对照表
- html 超链接(a)取消
- 将本地html文件拖到IE8浏览器无法打开,直接弹出一个下载的对话框
- Dreamweaver - <!DOCTYPE html>
- 使用 <!DOCTYPE html> 让 <div><img></div>中的图片下面产生几个像素的空白间隔
- HTML Meta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用?
- 【转】LR录制脚本用HTML- based scrīpt还是URL-based scrīpt
- html常用标签 第二节
- html结构,第一节
- HTML字符实体引用
- html表格cell合并插件
- html中meta标签详解
- 多选解决方案