工正数码
2016-05-06 10:55:35
楼主
常用HTML标签元素结合及简介
创建一个HTML文档
设置文档标题和其它在网页中不显示的信息
设置文档的标题
最大的标题
预先格式化文本
下划线
黑体字
斜体字
打字机风格的字体
引用,通常是斜体
强调文本(通常是斜体加黑体)
加重文本(通常是斜体加黑体)
设置字体大小从1到7，颜色使用名字或RGB的十六进制值
基准字体标记
字体加大
字体缩小
加删除线
程式码
键盘字
范例
变量
向右缩排
述语定义
地址标记
上标字
下标字
<![CDATA[...]]>固定寬度字体(在文件中空白、換行、定位功能有效)
<![CDATA[...</plaintext>固定寬度字體(不執行標記符號)<br />
<listing>...</listing> 固定寬度小字體 <br />
<font color=00ff00>...</font>字體顏色<br />
<font size=1>...</font>最小字體 <br />
<font style ='font-size:100 px'>...</font>無限增大 <br />
<p></p>
格式标志标签<br />
<p></p> 创建一个段落 <br />
<p align=""> 将段落按左、中、右对齐 <br />
<br> 换行 插入换行符 <br />
<blockquote></blockquote> 从两边缩进文本<br />
<dl></dl> 定义列表<br />
<dt> 放在每个定义术语词前<br />
<dd> 放在每个定义之前<br />
<ol></ol> 创建一个标有数字的列表 <br />
<ul></ul> 创建一个标有圆点的列表<br />
<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,<br />
若在<ul></ul>之间则每个列表项加上一个圆点 <br />
<div align=""></div> 用来排版大块HTML段落,也用于格式化表<br />
<MENU> 选项清单 <br />
<DIR> 目录清单 <br />
<nobr></nobr> 强行不换行<br />
<hr size='9' width='80%' color='ff0000'>水平線(設定寬度) <br />
<center></center> 水平居中 <br />
<p></p>
链接标志表格标志<br />
<a href="URL"></a> 创建超文本链接 <br />
<a href="mailtEMAIL"><br />
</a> 创建自动发送电子邮件的链接 <br />
<a name="name"></a> 创建位于文档内部的书签<br />
<a href="#name"></a> 创建指向位于文档内部书签的链接<br />
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL<br />
<LINK> 定义一个链接和源之间的相互关系 <br />
<p></p>
链接标记注解：<br />
<p></p>
◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top<br />
◆rel="..."发送链接的类型 <br />
◆rev="..."保存链接的类型<br />
◆accesskey="..."指定该元素的热键<br />
◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly<br />
◆coord="..."使用像素或者长度百分比来定义形状的尺寸<br />
◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)<br />
<p></p>
－－－－－－－－－－－－<br />
在一张图片上建立多个链接区域<br />
coords ：坐标值，定义可点击区域的坐标，这个坐标是以图片的大小为基础的，如上面代码中的 coords="0,0,28,40" 就是头片的左上角X坐标 0,0 和区域1的右下角Y坐标28,40。<br />
href： 定义此区域的目标 URL。<br />
shape： 定义区域的形状。rect定义矩形区域。circ定义圆形，poly定义多边形区域。<br />
<p></p>
在图片上绘制热区<br />
办法为在DWcs3中选择常用工具，在“图像工具”中点击下拉，之后选择“绘制**（矩形，圆形，多边形）热点”，之后左键框选据OK了（必须在图片上绘制热区）。<br />
代码如：<br />
<img src="../upload/class0/class22/s2011978592724476.JPG" usemap="#Map" /><br />
<map name="Map" id="Map"><br />
<area shape="rect" coords="7,7,38,33" href="#" /><br />
<area shape="rect" coords="60,7,109,32" href="#" /><br />
<area shape="rect" coords="8,68,42,97" href="#" /><br />
</map><br />
coords="图片中热区左上顶点到到图片左边的距离为7,<br />
图片中热区左上顶点到到图片上边的距离为7,<br />
图片中热区右下顶点到到图片左边的距离为38,<br />
图片中热区右下顶点到到图片上边的距离为33"<br />
coords后面跟的是坐标，href后面跟链接地址<br />
<p></p>
css border参数学习<br />
border-style:solid;border-width:0px 0px 0px 10px; /*左侧设宽度为10象素的边框*/<br />
border后边的四个参数依次是：上、右、下、左。<br />
border-style:solid;border-width:0px 1px 0px 0px; /*左侧设宽度为10象素的边框*/<br />
颜色设置也是按此顺序：<br />
border-color:red green blue pink;<br />
上边框是红色<br />
右边框是绿色<br />
下边框是蓝色<br />
左边框是粉色<br />
*如果跟3个参数则为“上、右、下”，如果两个则为“上、右”。注意，如果只有一个参数则表示“四个边框”全是一样。<br />
border-color:dotted red green;<br />
上边框和下边框是红色<br />
右边框和左边框是绿色</div>
</div>
<div style="text-align: center;">
<a href="../board/forum-710/index.html" class="back-to-list">返回列表</a>
</div>
<div class="prev-next-links"><div class="prev-next-item"><span class="label">上一篇：</span><a href="../article/thread-10127-1-1.html">关于举办国学与袁氏研讨会的公告</a></div></div><div class="prev-next-links"><div class="prev-next-item"><span class="label">下一篇：</span><a href="../article/thread-10245-1-1.html">袁氏郡望与堂号</a></div></div>
<div class="footer">
<p><script src="/js/footer.js"></script></p>
<p><script src="/js/forbid.js"></script></p>
<p>袁氏家谱网 版权所有</p>
<p><a href="/bbs/board/forum-710/">← 返回板块</a></p>
</div>
</div>
</body>
</html>]]></plaintext></div></div></div>