HTML基础教程常见的HTML标签属性

html网页基础教程

HTML基础教程常见的HTML标签属性解析
<A HREF> 指定超连结
<A NAME=锚的名称> 被连结点的名称
<ADDRESS>….</ADDRESS> 用来显示电子邮箱地址
<A HREF TARGET> 指定超连结的分割视窗
<A HREF=#锚的名称> 指定锚名称的超连结
<B> 粗体字
<BIG> 显示大字体
<BLINK> 闪烁的文字
<BODY TEXT LINK VLINK> 设定文字颜色
<BASE TARGET> 指定超连结的分割视窗
<BASEFONT SIZE> 更改预设字形大小
<BGSOUND SRC> 加入背景音乐
<BODY> 显示本文
<BR> 换行

<CAPTION ALIGN> 设定表格标题位置
<CAPTION>…</CAPTION> 为表格加上标题
<CENTER> 向中对齐
<CITE>…<CITE> 用於引经据典的文字
<CODE>…</CODE> 用於列出一段程式码
<COMMENT>…</COMMENT> 加上注解

<DD> 设定定义列表的项目解说
<DFN>…</DFN> 显示”定义”文字
<DIR>…</DIR> 列表文字标签
<DL>…</DL> 设定定义列表的标签
<DT> 设定定义列表的项目

<EM> 强调之用

<FONT FACE> 任意指定所用的字形
<FONT SIZE> 设定字体大小
<FRame MARGINHEIGHT> 设定视窗的上下边界
<FRame MARGINWIDTH> 设定视窗的左右边界
<FORM ACTION> 设定户动式表单的处理方式
<FORM METHOD> 设定户动式表单之资料传送方式
<FRame NAME> 为分割视窗命名
<FRame NORESIZE> 锁住分割视窗的大小
<FRame SCROLLING> 设定分割视窗的卷轴
<FRame SRC> 将HTML档加入视窗
<FRameSET COLS> 将视窗分割成左右的子视窗
<FRameSET ROWS> 将视窗分割成上下的子视窗
<FRameSET>…</FRameSET> 划分分割视窗

<H1>~<H6> 设定文字大小
<HEAD> 标示文件资讯
<HR> 加上分格线
<HTML> 文件的开始与结束

<I> 斜体字

<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入图片并预设图形大小
<IMG HSPACE> 插入图片并预设图形的左右边界
<IMG ALIGN> 调整图形影像的位置
<IMG ALT> 为你的图形影像加注
<IMG LOWSRC> 预载图片功能
<IMG SRC BORDER> 设定图片边界
<IMG SRC> 插入图片
<IMG VSPACE> 插入图片并预设图形的上下边界
<INPUT TYPE NAME value> 在表单中加入输入栏位
<ISINDEX> 定义查询用表单

<KBD>…</KBD> 表示使用者输入文字

<LI TYPE>…</LI> 列表的项目 ( 可指定符号 )

<MARQUEE> 跑马灯效果
<MENU>…</MENU> 条列文字标签
<meta NAME=”REFRESH” CONTENTURL> 自动更新文件内容
<MULTIPLE> 可同时选择多项的列表栏

<NOFRame> 定义不出现分割视窗的文字

<OL>…</OL> 有序号的列表
<OPTION> 定义表单中列表栏的项目

<P ALIGN> 设定对齐方向
<P> 分段
<PERSON>…</PERSON> 显示人名
<PRE> 使用原有排列

<SAMP>…</SAMP> 用於引用字
<select >…</select > 在表单中定义列表栏
<SMALL> 显示小字体
<STRIKE> 文字加横线
<STRONG> 用於加强语气
<SUB> 下标字
<SUP> 上标字

<TABLE BORDER=n> 调整表格的宽线高度
<TABLE HEIGHT> 调整表格的高度
<TABLE WIDTH> 调整表格的宽度
<TABLE CELLPADDING> 调整资料栏位之边界
<TABLE CELLSPACING> 调整表格线的宽度
<TABLE>…</TABLE> 产生表格的标签

<TD ALIGN> 调整表格栏位之左右对齐
<TD BGCOLOR> 设定表格栏位之背景颜色
<TD COLSPAN ROWSPAN> 表格栏位的合并
<TD NOWRAP> 设定表格栏位不换行
<TD VALIGN> 调整表格栏位之上下对齐
<TD WIDTH> 调整表格栏位宽度
<TD>…</TD> 定义表格的资料栏位
<TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏
<TEXTAREA WRAP> 决定文字输入栏是自动否换行
<TH>…</TH> 定义表格的标头栏位
<TITLE> 文件标题
<TR>…</TR> 定义表格美一行
<TT> 打字机字体

<U> 文字加底线
<UL TYPE>…</UL> 无序号的列表 ( 可指定符号 )

<var>…</var> 用於显示变数
BlockQuotc文本缩进

表示颜色的有三种方式;
1,16进制颜色代码
语法:#RRGGBB
例:<fontcolor=”#ff0000″>红色</font>
2,10进制RGB码
语法:RGB(RRR,GGG,BBB)
例:<fontcolor=”rgb(255,000,000)”>红色</font>
3,直接用颜色的英文名称
例:<fontcolor=”red”>红色</font>
<body>…..</body>属性可分为三种:
1,背景属性
包括:bgcolor,background
2,文字属性:
包括:text,link,alink,vlink,
3,留白属性:
其中分为:leftmargin,topmargin
.bgcolor背景色
语法格式:<bodybgcolor=”#ff0000″>
.background背景图案。
语法格式:<bodybackground=”url”>
.text文本颜色(非连接文字颜色)
.link连接文字颜色(可连接文字颜色)
.alink活动连接文字颜色(正被点击的可连接文字的颜色)
.vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色)
语法格式:<bodytext=”color” link=”color” alink=”color”vlink=”color”>
.leftmargin 页面左侧的留白距离
.topmargin 页面顶部的留白距离
语法格式:<bodyleftmargin=”value” topmargin=”value”>
注:value为长度值为数字
align属性
语法:<h2align=”?”>文字</h2>
其属性有三种:left靠左,center居中,right靠右
〈p〉</p>为段落标记,可利用以上属性对整个段落进行设置
〈br>为换行标记
<nobr></nobr>为不换行标记 放在文字两边即可
例:<body>
<h3>网络自学网</h3>
<p>网络自学网<br>
网络自学网<br>
网络自学网<br>
网络自学网</p>
</body>
预格式化:
<pre>……</pre> 浏览是效果和编写是效果格式一样
列表
1无序列表又称符号列表
语法格式:
<ul type=””>type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框
<li>文字</li>
<li>文字</li>
</ul>
2有序列表
语法格式:
<ol type=”?”start”?”>
<li>文字</li>
<li>文字</li>
</ol>
type的值是编号字符可选的有1…,a…,A…,i… ,I…
start为起始值例:如果start为3是那么将从3开始,而且必须是数字。
3定义列表
<dl>定义列表标记
<dt>标示定义条目
<dd>标示定义内容
语法格式:
<dl>
<dt>文字</dt>
<dd>文字内容</dd>
</dl>
连接和图像
语法格式:
<a href=”url”name=”?” target=”?” title=”?”>….</a>
属性:href 连接目标 值可以是url地址也可以是连接锚点
<a href=”url”>…</a>或者
<a href=”锚点”>…</a>
name连接名称
语法格式:<aname=”锚点名称”>…</a>
例:<aname=”abcdcf”>…</a>
连接到该锚点的连接则应是:
<aname=”#abcdef”>….</a>
target目标窗口语法格式:
<a href=”url”target=”_blank|_self|_farent|_top|windowname”>….</a>
-blank打开新窗口
_self当前窗口打开
一下两个仅在框架叶面中应用
_parent当前窗口的父级窗口(上一级)打开
_top在最高一级的窗口打开
windowname已命名的窗口或框架中打开连接
title连接提示
<ahref=”https://www.networkidc.com” title=”网络自学网首页”>网络自学网</a>
图像<img> 语法格式:
<img src=”url” alt=”?”width=”?” height=”?” border=”?”align=”?”>
border属性定义图片边框的宽度,默认值为0
align属性设置图片旁边文字的位置
语法格式:<imgsrc=”” align””>
可选值有:
left图片居左对齐,文字沿图片绕排
right图片居右对齐,文字沿图片绕排
absmiddle图片对齐到目前文字行绝对中央
absbottom图片对齐到目前文字行绝对底部
top图片和文字顶部对齐
middle图片和文字居中对齐
bottom图片和文字底边对齐(默认)
文字的排版
不换行空白标记
font元素
语法格式:
<font face=”字体名称” size=”字体大小” color=”字体颜色”>
字体大小可选值为1——7,默认为3
例:〈fontface=”黑体”size=”4″ color=”#ff00ff”>….</font>
水平线<hr>
语法格式:<hrwidth=”宽度”align=”对齐方式默认居中center”size=”水平线厚度默认为2″color=”颜色”noshade>
noshade无阴影,既实线
层〈div><span>两种元素
<div>是块级元素,和段落元素<p>相似,不同的是两个<div>元素之间不会产生两个<p>元素之间的空行,
<span>是行内元素,可以定义段落中部分文字的属性
语法格式:
<div align=””style=””>…</div>
align设置层中元素的水平对齐方式
stule设置元素应用css规范的属性
<div>兼容性比<span>要好一点,最好使用<div>
表格语法格式:
<table width=”” bgcolor=””background=”” border=”” cellspacing=””cellpadding=””>
<tr>…<td>….</td>….</tr>
</table>
border边框宽度默认值为0,既没有边框
cellspacing表格中单元格的边距大小,默认值为两个像素
cellpadding表格中单元格之间的间距大小,默认值为两个像素
tr元素
语法格式:
<tr align=””bgcolor=””>….</tr>
align属性对齐方式可选值如下:left,center,tight,默认为left
bgcolor指定该行的背景颜色
td元素
语法格式:
<td width=”宽度” height=”高度” align=”水平对齐方式” valign=”垂直对齐方式” bgcolor=””background=”” rowspan=”单元格的行跨度” colapan=”单元格的列跨度”>…..</td>
align属性的可选值有:left,center,right
valign属性的可选值有:top,middle,bottom
rowspan和colapan跨行和跨列的数量,默认为1
input元素 语法格式:
<input type=””>
type属性的可选值有:
text 单行文本框
属性:name 文本框名称
value 文本框的初始值
size 文本框的长度
maxlength 可输入字符串最大的长度
radio 单选框
属性:name 单选框名称
value 内部值
checked 默认选定
checkbox 复选框
属性:name 复选框名称
value 内部值
checked 默认选定
reset 重置按钮
submit 确定按钮
属性:name 按钮名称
value 显示在按钮上的文字
password 密码框
属性与文本框的属性完全相同
file 文件域
属性:name文件域名称
size 文件域的长度
maxlength 文件域可接受的字符数量的上限
hidden 隐藏域
属性:name 隐藏域名称
value 内定值
image 图片域
属性:name 所要代表的按钮,可以是submit,reset,或其他.
src 按钮图片的url 地址
列表框<select>
语法格式:
<select>
…..
<option>….</option>
…..
</select>
select元素
语法格式:<selectname=”” size=””multiple></select>
name 指定列表框的名字
size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框
multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项
option属性
语法格式:<optionvalue=”” selected></option>
value 该列表项的值
selected 如果设定了这个参数,默认为选定这一项
多行文本框<textarea>
<textarea name=””cols=”” rows=””wrap=”off/physical/virtual”></textarea>
属性:
name文本框的名称
cols文本框的宽度
rows文本框的高度
wrap文本框的折行方式可选值有:
physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出,
virtual送出连续成串的字除非使用者按回车。
off不保存换行信息
HTML基础教程常见的HTML标签属性简介

成为第一个发表评论的人

发表评论

您的电子邮件地址不会被公开.


*