html常用标签意义

html网页基础教程

html常用标签用法简介
html常见格式
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
<!– //代表的是HTTP的头部协议,提示浏览器网页的信息 –>
<!– GB2312简体中文 BIG5繁体中文 UTF-8世界通用的语言编码 –>
<meta http-equiv=”Content-Type” content=”text/html; charset=GB2312″ />

<!– 网站用的是什么软件编写的 –>
<meta name=”generator” content=”sublime” />

html结构:
<html> html开始标签
<head>
<title>html文档标题</title>
</head>
<body>

html文档内容….

</body>
</html> html结束标签
html常用标签:
表格:
<table> 表格开始标签
<tr> 行
<td></td> 列
</tr>
</table> 表格结束标签
表格属性:<table width=”” height=”” border=”” bgcolor=”” background=”” cellpadding=”‘ cellspacing=”” >其中: width:为表格的宽度,height:表格的高度,border:表格的边框,
bgcolor表格的背景颜色,background 表格背景颜色。cellpadding:表格字间距, cellspacing:表格边框间距。
双标签:
<b></b> 字体加粗
<i></i> 斜体
<u></u> 字体下划线
<s></s> 删除线
<strike></strike> 删除线
单标签:
<br /> 换行
<hr /> 水平线
空格:&nbsp;
向右双箭头 :&raquo;
注册商标符:&reg;
版权符号:&copy;
双引号:&quot;
图片链接:
<img src=”” alt=”” width=”” hegiht=”” >
插入图像
<IMG 插入图像,动画
SRC=”winlogo.gif” 图像文件名 路径(一般为相对路径)
ALT=”this is the windows logo” 图像简单文本说明,用于图像不能显示时显示
WIDTH=x 图像宽
HEIGHT=y 图像高,xy可取像素或百分数
BORDER=”3″ 图像边框粗细,单位像素
HSPACE=”x” 图像和文本之间空白,水平方向空白
VSPACE=”y” 垂直方向空白,单位像素
ALIGN=”TOP” 图像和文本在垂直方向对齐方式,值:
TOP,表示文本与图像顶部对齐;
MIDDLE,中央对齐;
BOTTOM,底部对齐,默认;
LEFT,表示图像居左,文本右环绕图像
RIGHT,表示图像居右,文本左环绕图像
LONGDESC=URL 包含长篇描述的文档位置
USEMAP=URL 客户端图像映射的映射说明,对应于map元素指定的内容
ISMAP 指示使用服务器端图像映射
>
<BR CLEAR=”LEFT|RIGHT|ALL”> 解除在图像左\右\全部放置的文本
<P ALIGN=”CENTER”><IMG SRC … > </P> 图像在页面对齐(P,DIV等)
src:图片链接相对地址,alt:图片信息, width:图片宽度,height:图片高度。
链接
<a href=”#” title=””>链接文本/图片</a>

注:# 换成所要链接的文件相对地址。title:为链接提示信息。
表单:
表单开始标签:<form name=”表单名称” method=”post/get” action=”提交地址”>
文本框:<input type=”text” name=”名称” value=”值” />
密码框:<input type=”password” name=”名称” value=”值”/>
单选按钮:<input type=”radio” name=”名称” checked />
复选框:<input type=”checkbox” name=”名称” checked />
列表:
<select>

<option value=”值”></option>

</select>
文本区域:<textarea cols=”文本的宽度” rows=”文本行数”></textarea>
提交按钮:<input type=”submit” name=”名称” value=”值” />
重置按钮 <input type=”reset” name=”名称” value=”值” />
表单结束标签:</form>
html常用标签用法解析

Be the first to comment

Leave a Reply

Your email address will not be published.


*