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

html标记语言的常用标签一

2015-10-28 00:03 531 查看 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>HTML结构及头文件</title>

</head>

<!-- 设置主体背景颜色及背景图片 -->
<body bgcolor="#FF0000" background="image/type_back.jpg">
<h1>这是标题标签h1-h6</h1>

<p>锚链接的使用</p>
<a href="#come">去锚点</a>

<p>font标签可以改变字体的大小及颜色还有字体</p>
<font size="+3" color="#00FF99" face="微软雅黑">font标签可以改变字的大小颜色</font>

用 表示空格
用"表示引号
用<表示小于号
用>表示大于号
用©表示版权号
在p标签中支持居中和左右显示
<p align="center">段落标签用p表示相当于换行</p>
<p align="right">在大的段落中如果想暂时换行可以用<br>来表示换行</p>
<p>图像的用法用的是img标签，并可以设置图像的宽和高及鼠标移到图片上的提示文字</p>
<img src="image/type_back.jpg" width="200" height="200" alt="图片提示文字">
<p>在链接中加入图片，并可以设置图片宽度及高度及边框,正常后面跟的文字是底部对齐，这里可以设置为垂直居中对齐align="top"则是顶部对齐</p>
<a href="#"><img src="image/type_back.jpg" width="200" height="200" border="1" align="middle"></a>
请点击广告进入
<p>有序列表OL li根据type属性来设置列表前面的标签项</p>
<ol type="a">
<li>苹果</li>
<li>香蕉</li>
</ol>

<p>无序列表ul li根据type属性来设置列表前面的标签项</p>
<ul type="disc">
<li>水果</li>
<li>蔬菜</li>
</ul>

<p>内容分割用可以指定Size width color</p>
<hr size="2" width="500" color="#00FF00"/>

<p>在链接中链接到其它网，如果是上级目录则..，再上级则再..页,有绝对路径和相对路径两种表示</p>
<a href="有序无序练习.htm">点击</a>
<a href="../image/untitled.htm">上级目录</a>

<p>锚链接的使用,目标</p>
<p><a name="come">锚点</a></p>

<p>通过链接打开发邮件</p>
<a href="mailto:gfdonx@163.com">发邮件给我们</a>

<p>滚动标签的使用，参数：滚动延迟时间，及方向，如果不设置就是从右向左滚动</p>
<marquee scrolldelay="100" direction="left">会动的文字</marquee>

<p>一个广告滚动的实现，当鼠标移到广告上是停止，离开时继续滚动</p>
<marquee scrollamount="10" direction="up" onMouseMove="this.stop()" onMouseOut="this.start()">
<a>
<img src="../image/蜗牛.jpg" align="middle" width="100" height="100">"专业美白"
</a>

</marquee>

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航