分享

HTML常用标签以及特殊符号

 ☆無心插柳☆ 2010-11-13

常用属性 :

color 颜色 (#ff0000 #ff8000 #ffff00 #00ff00 #0080ff #0000a0 #8000ff #000000 #c0c0c0)
width 宽度 %(百分比) / px(pixels)
height 高度 %(百分比) / px(pixels)
aligh 水平对其位置 left center right top bottom middle(垂直居中) texttop(向文字顶部对齐) baseline(向文字底部对齐) absmiddle(绝对居中) absbottom(绝对置下)
valigh 垂直对齐位置 baseline top middle bottom justify char
border 边框宽 bordercolor bordercolordark(右和下暗边框的颜色) bordercolorlight(左和上亮边框的颜色)

常用标签 :

<HTML> 表明这是一个HTML文件  
 
<head> 标明网页头部分  
<title> 网页题目 总长不超过85个Character
<meta> (单标记)
用法 :
<meta http-quive="content-type" content="text/html; charset=GB-2312"> 说明网站的格式及编码方式
<meta contents="关键字一, 关键字二, 关键字三.."> 中间用逗号隔开总长不超过1000个Character(40个字)
<meta contents="整个网站的描述…> 不超过200个Character (约15个字)
<meta content="ALL,NONE,INDEX,NOINDEX,FOLLOW,NOFOLLOW"> 告诉搜索引擎的Spider哪些网页要摘哪些不摘,一般设为All(默认值)
 

<body> 主体标签 bgcolor background text link vlink alink
<br> 强制断行标签
<p> 强制分段标签 (比断行多隔一行) left center right
<hr> 普通分隔线 color width size(厚度) aligh noshade(实心分割线无阴影)
<center> 置中标签
<blockquote> 每加一个这个标签向右缩排一个单位
<pre> 保存原始格式标签(显示出如代码中所显示的格式)
<h1><h2><h3><h4><h5><h6> 标题标签 h1字体最大 该行字自占一行
<basefont size=X> 字体预定值 加在<body>后
<font> 字体标签 :
size= 字体大小标签 size=1到7 1最小;
size=+X 比预设字体大X级;
color= 文字颜色
face= 字型(宋体 楷体...)
注:如果网页中有指定网页的语言格式<meta http-equiv="content-type" content="text/html;charset=big-5(或简体GB2312)">,那么,netscape可以正确显示出中文,但英文无反应。若没有加该行,那么英文会正确显示,但中文却仍是宋体。在IE中均能正常显示。

字形变化标签 :
<b>粗体;
<i>斜体;
<u>下划线;
<sup>上标;
<sub>下标;
<tt>打字机;
<blink>闪烁;
<em>强调(感觉就是斜体);
<strong>加强(感觉和加粗差不多);
<samp>范例;
<code>原始码;
<var>变数(感觉还是斜体);
<dfn>定义(还是斜体);
<cite>引用(依旧是斜体);
<address>地址(斜体).

<img> 插图 src align border height width alt(注释) hspace&vspace(距离左右&上下其它元素距离)
<bgsound> 背景音乐 src
<embed> 背景音乐 src

<a> 超链接 name href(http:// mailto: ftp:// news: gopher:// telnet://)(绝对路径书写<a href="/c|/XX/XX.jpg">即C:/xx/xx.jpg) target(=框架名称 _blank _parent _self _top)

<table> 表格标签 width height align valign bgcolor background border cellpadding(内文字距离表格线距离) cellspacing(表格线内外线距离) cols(行数)
<tr> 行标签 align valign width height bgcolor background
<td> 列标签 align valign width height bgcolor background colspan(跨行) rowspan(跨列)

<ul> 无序标签 type(=DISK实心圆 SQUARE小正方形 CIRCLE空心圆)
<ol> 有序标签 type(=1数字 A大写英文字母 a小写英文字母 I大写罗马字母 i小写罗马字母) start(=起始数)
<li> 序列

<dl> 定义列表标签
<dt> 小标题
<dd> 内容(内容首字位置与小标题最末字的下一字位置垂直相同)

<form> 表单标签
<input> 表明表单中类型 align type(类型) name size(宽度) value(默认值) maxlength(可输入的最大值)
type = text单行文本输入框 password密码 radio单选 checkbox复选 button按钮 submit提交 reset重置 hidden隐藏位 textarea多行文本框(wrap换行方式(off不自动换行 virtual自动换行不过若是使用者没有自行按下ENTER换行,送出资料时也视为没有换行 physical输入文字会自动换行,送出资料时会将荧幕上的自动换行视为换行效果送出) cols行数 rows列数) option下拉列表(size栏位大小 multiple允许复选)

<frameset> 框架划分 cols(左右分 百分比或像素) rows(上下分 百分比或像素) frameborder(框架边框) framespacing(框架间距离)
<frame> 框架 src(子页面地址) name scrolling(是否显示卷轴yes/no) noresize(禁止使用者调整框架大小) marginhight(框架高度部分边缘保留空间) marginwidth(框架宽度部分边缘保留空间)
<noframe> 对不支持框架的浏览器显示的内容写在这个标签内

 

文字滚动 :
 <marquee>...</marquee>普通卷动
 <marquee behavior=slide>...</marquee>滑动
 <marquee behavior=scroll>...</marquee>预设卷动
 <marquee behavior=alternate>...</marquee>来回卷动
 <marquee direction=down>...</marquee>向下卷动
 <marquee direction=up>...</marquee>向上卷动
 <marquee direction=right></marquee>向右卷动
 <marquee direction=left></marquee>向左卷动
 <marquee loop=2>...</marquee>卷动次数
 <marquee width=180>...</marquee>设定宽度
 <marquee height=30>...</marquee>设定高度
 <marquee bgcolor=FF0000>...</marquee>设定背景颜色
 <marquee scrollamount=30>...</marquee>设定卷动距离
 <marquee scrolldelay=300>...</marquee>设定卷动时间

符号    代码
"       "
&       &
<       <
>       >
?/TD>   &euro;
æ       &aelig;
¦       &brvbar;
¸       &cedil;
©       &copy;
¤      &curren;
°      &deg;
÷      ÷
?/TD>   &euro;
ƒ       &fnof;
½       &frac12;
·      &middot;
ó       &oacute;
‘      &lsquo;
’      &rsquo;
“      &ldquo;
”      &rdquo;
‰      &permil;
χ      &chi;
±      &plusmn;
£       &pound;
§      &sect;
¹       &sup1;
×      ×
…      &hellip;
←      &larr;
↑      &uarr;
→      &rarr;
↓      &darr;
√      &radic;
~       &sim;

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多