袁氏家谱网--

标题: 技术_2015:常用HTML标签元素结合及简介等 [打印本页]

作者: 工正数码    时间: 2016-5-6 10:55
标题: 技术_2015:常用HTML标签元素结合及简介等
常用HTML标签元素结合及简介

<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题        
<h1></h1> 最大的标题
<pre></pre> 预先格式化文本         
<u></u> 下划线
<b></b> 黑体字   
<i></i> 斜体字   
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体        
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值
<BASEFONT></BASEFONT> 基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小        
<STRIKE></STRIKE> 加删除线
<CODE></CODE> 程式码         
<KBD></KBD> 键盘字
<SAMP></SAMP> 范例   
<VAR></VAR> 变量
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记
<sup></SUP> 上标字   
<SUB></SUB> 下标字
<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體  
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體  
<font style ='font-size:100 px'>...</font>無限增大



格式标志标签
<p></p> 创建一个段落   
<p align=""> 将段落按左、中、右对齐  
<br> 换行 插入换行符  
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表
<dt> 放在每个定义术语词前
<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表  
<ul></ul> 创建一个标有圆点的列表
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,
  若在<ul></ul>之间则每个列表项加上一个圆点    
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
<MENU> 选项清单  
<DIR> 目录清单  
<nobr></nobr> 强行不换行
<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)  
<center></center> 水平居中  

链接标志表格标志
<a href="URL"></a> 创建超文本链接  
<a href="mailtEMAIL">
</a> 创建自动发送电子邮件的链接  
<a name="name"></a> 创建位于文档内部的书签
<a href="#name"></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL
<LINK> 定义一个链接和源之间的相互关系

链接标记注解:

◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top
◆rel="..."发送链接的类型  
◆rev="..."保存链接的类型
◆accesskey="..."指定该元素的热键
◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly
◆coord="..."使用像素或者长度百分比来定义形状的尺寸
◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)

------------
在一张图片上建立多个链接区域
coords :坐标值,定义可点击区域的坐标,这个坐标是以图片的大小为基础的,如上面代码中的 coords="0,0,28,40" 就是头片的左上角X坐标 0,0 和区域1的右下角Y坐标28,40。
href: 定义此区域的目标 URL。
shape: 定义区域的形状。rect定义矩形区域。circ定义圆形,poly定义多边形区域。

在图片上绘制热区
办法为在DWcs3中选择常用工具,在“图像工具”中点击下拉,之后选择“绘制**(矩形,圆形,多边形)热点”,之后左键框选据OK了(必须在图片上绘制热区)。
代码如:
<img src="../upload/class0/class22/s2011978592724476.JPG"  usemap="#Map"  />
<map name="Map" id="Map">
<area shape="rect" coords="7,7,38,33" href="#" />
<area shape="rect" coords="60,7,109,32" href="#" />
<area shape="rect" coords="8,68,42,97" href="#" />
</map>
coords="图片中热区左上顶点到到图片左边的距离为7,
              图片中热区左上顶点到到图片上边的距离为7,
              图片中热区右下顶点到到图片左边的距离为38,
              图片中热区右下顶点到到图片上边的距离为33"
coords后面跟的是坐标,href后面跟链接地址

css border参数学习
  border-style:solid;border-width:0px 0px 0px 10px; /*左侧设宽度为10象素的边框*/
border后边的四个参数依次是:上、右、下、左。
  border-style:solid;border-width:0px 1px 0px 0px; /*左侧设宽度为10象素的边框*/
颜色设置也是按此顺序:
border-color:red green blue pink;
    上边框是红色
    右边框是绿色
    下边框是蓝色
    左边框是粉色
*如果跟3个参数则为“上、右、下”,如果两个则为“上、右”。注意,如果只有一个参数则表示“四个边框”全是一样。
border-color:dotted red green;
    上边框和下边框是红色
    右边框和左边框是绿色




欢迎光临 袁氏家谱网-- (http://yuanscn.com/bbs/) Powered by Discuz! X3.2