您的位置：首页 > Web前端 > CSS

【Div+CSS笔记】 0x01 html常用标签元素

2012-08-13 09:38 609 查看

常用HTML标签元素结合及简介

<html></html> 创建一个HTML文档

<head></head> 设置文档标题和其它在网页中不显示的信息

<title></title> 设置文档的标题

<h1></h1> 最大的标题

<pre></pre> 预先格式化文本

 下划线

 黑体字

 斜体字

<tt></tt> 打字机风格的字体

<cite></cite> 引用,通常是斜体

 强调文本(通常是斜体加黑体)

 加重文本(通常是斜体加黑体)

 设置字体大小从1到7，颜色使用名字或RGB的十六进制值

<BASEFONT></BASEFONT> 基准字体标记

<big></big> 字体加大

 字体缩小

<STRIKE></STRIKE> 加删除线

<CODE></CODE> 程式码

<KBD></KBD> 键盘字

<SAMP></SAMP> 范例

<VAR></VAR> 变量

<BLOCKQUOTE></BLOCKQUOTE> 向右缩排

<DFN></DFN> 述语定义

<ADDRESS></ADDRESS> 地址标记

 上标字

 下标字

<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)

<plaintext>...</plaintext>固定寬度字體(不執行標記符號)

<listing>...</listing> 固定寬度小字體

...字體顏色

...最小字體

...無限增大

格式标志标签

 创建一个段落

 将段落按左、中、右对齐　

 换行插入换行符

<blockquote></blockquote> 从两边缩进文本

<dl></dl> 定义列表

<dt> 放在每个定义术语词前

<dd> 放在每个定义之前

<ol></ol> 创建一个标有数字的列表

<ul></ul> 创建一个标有圆点的列表

<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,

若在<ul></ul>之间则每个列表项加上一个圆点　　

<div align=""></div> 用来排版大块HTML段落,也用于格式化表

<MENU> 选项清单

<DIR> 目录清单

 强行不换行

<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)

<center></center> 水平居中

链接标志表格标志

<a href="URL"></a> 创建超文本链接

<a href="mailtEMAIL">

</a> 创建自动发送电子邮件的链接

<a name="name"></a> 创建位于文档内部的书签

<a href="#name"></a> 创建指向位于文档内部书签的链接

<BASE> 文档中不能被该站点辨识的其它所有链接源的URL

<LINK> 定义一个链接和源之间的相互关系

链接标记注解：

◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top

◆rel="..."发送链接的类型

◆rev="..."保存链接的类型

◆accesskey="..."指定该元素的热键

◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly

◆coord="..."使用像素或者长度百分比来定义形状的尺寸

◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)

<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>

target目标值如下：

_blank -- 在新窗口中打开链接

_parent -- 在父窗体中打开链接

_self -- 在当前窗体打开链接,此为默认值

_top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)

如果target不带值，代表在本页父窗体中打开链接

HTML a 扩展应用

同页面锚文本-同页面内上下转到指定位置

常常看见我们页面底部点击 “回到顶部”链接就会转到网页顶部实现。

Exp：

1、首先我们在网页body内最上面添加一个

2、我们再到body内，需要出现点击后转到顶部位置添加，<a href="#top">回到顶部</a>

这样就可实现点击“回到顶部”即可本页内快速浏览到网页顶部位置。

使用语法：

1、需要转到地方添加，<a href="#命名">文字</a>，注意href值是#开头+英文字母命名

2、需要在被转到位置添加，，注意id和name值相同并且与a命名相同

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航