1.格式标签
<br> //换行标签 <p> //换段落标签 <center> //居中 <pre> //保留文字在源代码中的格式 <ul><li> //无序列表 <ol><li> //有序列表 <hr> //水平分割线<hr width=" " size=" color=" " "(设置高度) noshade(设置阴影)>
样式有像素和百分比两种设置方式
区别
是百分比设置方式在页面缩放时也会按照比例缩放
2.文本标签
在网页中为了着意强调某一部分文字,或者为了让文字有所变化
<hn>n=1,2,3,4,5,6 <b>粗体</b> <i>斜体</i> <u>下划线</u> (三者可以嵌套使用) <sub> <sup> <font face="楷体——GB2312" color="red" size="5">(size 最大为7 size="+3"指相对于原字体大小) <font face="宋体">设置字体样式标签 <tt>打印机字体 <cite>输出引证、举例斜体字 <em>输出强调的斜体字 <strong>输出强调的粗体字 <small>输出小型字体 <big>输出大型字体
3.超链接标签
协议:主机:文件:附加资源 http://www.lamp.com/web/index.php?uname=zhangsan&age=10&sex=nan 相对URL:Images/logo.gif ../css/demo.css ../../js/demo.js ../admin/index.php 绝对URL: C:/appserv/www/image/logo.gif /usr/local/apache/htdocs/www/index.php http://www.lamp.com/web/index.php
一般访问外部的用绝对URL,访问本机的用相对URL
<a href="URL" target="_blank">某某网页</a> Target _self _blank打开连接在新的窗体开启 _parent _top name
建立锚点标签
<a name=" name">内容</a>:锚点 #代表本页面 使用时<a href="#name">定位位置</a>
3.1图像标签
<img> Src:指定图片所在的URL; Border=指定边框的宽度 Alt: 鼠标放上去有黄色小图标 如果图像不存在,则出现它指定的文字搜索 搜索引擎可以通过它指定的文字搜索该图片 Width height
3.2图像地图
一个图像只能加一个a标签,做一个链接
如果把一幅图像分成多个区域,指向不同的URL地址(为一个图片加多个链接)
在图像<img>中使用usemap属性去使用地图 <map>标签举例: <img src="人.jpg" usemap="#mymap" border=2/> <map name="mymap"> <area shape="circle" coords="300,300,100" href="http://www.apache.org" target="_blank"> <area shape="poly" coords="175,0,200,110,100,100"href="http://www.badu.com/ "target="_blank"> </map> <map>定义热点区域 <area>指定每个热点区域 shape指定形状rect,poly,circle coords确定形状 href指定链接位置
4.HTML的表格标签
<table> align:left,center,right border:指定边线宽度,可以用值也可以用百分比的形式 width:(可以用百分比,也可以用固定值) height:(可以用百分比,也可以用固定值) cellspacing:用于指定表格单元格的间距(单位是像素) cellpadding:用于指定表格单元格与单元边框之间的距离(单位是像素) bgcolor:背景颜色 bordercolor:边框颜色 bordercolorlight: bordercolordark: <tr>行标签 <td>列标签