<!--编写HTML常用的标签
     文字版面的编辑
         格式标签
         文本标签
     超链接和锚点
     图像和图像地图
     -->

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <title>格式标签</title>
 </head>

 <body>
 <!--格式标签用于网页中文本的布局、缩进、位置、换行、列表等
     <br>           换行
     <p>            段落
     <center>       居中
     <pre>          保留文字在源代码中的格式
     <ul><li>       无序列表
     <ol><li>       有序列表
     <hr>           水平分割线-->
     aaaaaa&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;aaaaaa<br />
     bbbbbbbbbbbb<br />
     cccccccccccc<br />
     <hr>
     <p>aaaaaaaaaaa</p>
     <p style="color:blue">bbbbbbbbbbb</p>
     <p align="center">ccccccccccc</p>
     <hr />
     <center>居中文字</center>
     <hr />
     <pre>aaaa     bbbb    cccc     ddddd        eeeee     fffff     gggg   hhhhh    yyyyy </pre>
     <hr />
     <ul>
         <li>内容一
             <ul>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
             </ul>
         </li>
         <li>内容二
             <ul>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
             </ul>
         </li>
         <li>内容三
             <ul>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
             </ul>
         </li>
     </ul>
     <hr width="600" size="20" noshade="noshade">
     <hr width="80%" size="20" noshade="noshade" color="#000000">
     <ol>
         <li>内容一
             <ol>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
             </ol>
         </li>
         <li>内容二
             <ol>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
             </ol>
         </li>
         <li>内容三
             <ol>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
                 <li>列表项</li>
             </ol>
         </li>
     </ol>    <!--文本标签在网页中，为了着意强调某一部分文字，或者为了让文字有所变化
     <hn>（n为1~6）     标题文字
     <b>                粗体
     <i>                斜体
     <u>                下划线
     <font>
     <tt>
     <cite>
     <em>
     <strong>
     <small>
     <sub>
     <sup>
     -->
     <h1>使用&lt;H1&gt;输出一号标题字体</h1>
     <h2>使用&lt;H2&gt;输出二号标题字体</h2>
     <h3>使用&lt;H3&gt;输出三号标题字体</h3>
     <h4>使用&lt;H4&gt;输出四号标题字体</h4>
     <h5>使用&lt;H5&gt;输出五号标题字体</h5>
     <h6>使用&lt;H6&gt;输出六号标题字体</h6>

     <b>粗体</b>
     <u>下划线</u>
     <i>斜体</i><br />

     <font face="楷体_GB2312" color="red" size="5">绝对字体大小为5的红色楷体字</font><br />
     <font face="宋体" color="green" size="+3">相对字体大小为+3的绿色字体</font><br>
     <font face="黑体" color="blue" size="-1">相对字体为-1的蓝色黑体字</font><br />

     <tt>输出打印文字</tt><br />
     <cite>输出引证、举例的斜体字</cite><br />
     <em>输出强调的斜体字</em><br />
     <strong>输出强调的粗体字</strong><br />
     <small>输出小型字体</small><br />
     <big>输出大型字体</big><br />

 <!--超链接标签-->
 <a href="../1/1.html">1.html网页</a>
 <br />

 <!--锚点标签
 <a href="URL">某某页面</a>:超链接
 <a name="name">内容</a>:锚点
 使用时<a href="#name">定位位置</a>
 -->
 <a href="#one">第一段</a>
 <a href="#two">第二段</a>
 <a href="#three">第三段</a>
 <br />
 <a name="one">
 aaaaaaaaa<br />
 aaaaaaaaa<br />
 aaaaaaaaa<br />
 </a><br />
 <a href="#">返回</a>
 <a name="two">
 bbbbbbbbbb<br />
 bbbbbbbbbb<br />
 bbbbbbbbbb<br />
 </a><br />
 <a href="#">返回</a>
 <a name="three">
 cccccccccc<br />
 cccccccccc<br />
 cccccccccc<br />
 </a>
 <a href="#">返回</a>
 <br />

 <!--图像标签
 <img>
 src:指定图片所在的URL
 border：边框的宽度
 alt：1.鼠标放上去有黄色小图标。2.如图片不存在，则出现它指定的文字。3.搜索引擎可以通过它指定的文字搜索该图片
 width：宽度
 height：高度
 -->
 <a href="../2/2.html"><img src="../1/logo.gif" border="0" width="300" alt="geshi_logo"/></a><br />

 <!--图片地图
 一个图像只能加一个a标签，做一个链接。
 如果把一副图像分成多个区域，每个区域指向不同的URL地址（为图片加多个链接）
 在图像标签<img>中使用usemap属性去使用地图热点
 <map>定义热点区域
 <area>指定每个热点区域
     shape指定形状rect（矩形）、poly（多边形）、circle（圆形）
     coords确定形状
     href指定链接的位置
 -->
             <img src="../1/logo.gif" usemap="#mymap" border=0 />

             <map name="mymap">
                 <area shape="rect"  coords="5, 5, 50, 70" href="../1/1.html" target="_blank">
                 <area shape="circle" coords="75, 35,30" href="../2/2.html" target="_blank">
                 <area shape="poly" coords="175,0,110,70, 180,70" href="#" target="_blank">
             </map>
 </body>
 </html>

HTML的常用标签的更多相关文章

  1. HTML常用标签

    HTML常用标签: HTML文档格式: 首先,HTML是一种超文本标签语言,它是制作网页的基础. 其次,HTML文档中至少包含基本的和成对的<html> </html>.< ...

  2. html常用标签介绍

    常用标签介绍 文本 最常用的标签可能是<font>了,它用于改变字体,字号,文字颜色. 点击查看效果 <font size="6">6</font&g ...

  3. HTML常用标签总结

    HTML 的常用标签总结 <font size="字体大小1-7" color="red或0xff00ff" face="字体类型(楷体等)&q ...

  4. html新增一些常用标签

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. [刘阳Java]_MyBatis_映射文件的常用标签总结_第5讲

    MyBatis中常用标签的总结,简单给出自己的总结 MyBatis映射文件中的标签使用介绍1.<select>:用于编写查询语句用的标签 id:表示当前<select>标签的唯 ...

  6. CSS常用标签

    CSS常用标签 一 CSS文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; / ...

  7. HTML基础（一）——一般标签、常用标签和表格

    第一部分  HTML <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> ...

  8. HTML-学习笔记（常用标签）

    本篇博客讲一讲HTML中的标签 HTML 标题 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的.<h1> 定义最大的标题.<h6> ...

  9. 帝国CMS文章随机调用等一些常用标签

    1.帝国CMS文章随机调用等一些常用标签 [e:loop={'news',10,18,0,'newstime>UNIX_TIMESTAMP()-86400*7','onclick desc'}] ...

  10. 9月5日网页基础知识 通用标签、属性（body属性、路径、格式控制） 通用标签（有序列表、无序列表、常用标签）（补）

    网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...

随机推荐

  1. hdu 3908 Triple(组合计数、容斥原理)

    Triple Time Limit: 5000/3000 MS (Java/Others)    Memory Limit: 125536/65536 K (Java/Others) Total Su ...

  2. hdu----(4513)吉哥系列故事——完美队形II(manacher(最长回文串算法))

    吉哥系列故事——完美队形II Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others)To ...

  3. android:clipToPadding和android:clipChildren

    假设我们要做一个效果,界面最顶部是一个ActionBar并且是半透明的,ActionBar下面是一个ListView,在初始状态 下, ListView是top是在ActionBar的bottom位置 ...

  4. Tomcat数据库连接池的配置方法总结

    Tomcat数据库连接池的配置方法总结 数据库连接是一种关键的有限的昂贵的资源,这在多用户网页应用程序中体现的尤为突出.对数据库连接的管理能显著影响到整个应用程序的伸缩性和健壮性,影响到程序的性能指标 ...

  5. spring配置带参数的视图解析器：ParameterMethodNameResolver

    1.配置处理器 <!-- 处理器 --> <bean id="myController" class="cn.cnsdhzzl.controller.M ...

  6. PHP Mongodb 基本操作

    <?php include "config/config.inc.php";$host = $config['host'];$port = $config['port']; ...

  7. Java：一个简单的Java应用程序

    /** * 这是文档注释 * @version  * @author  */ /* 这之间的内容也是注释 */ //这是行注释 public class FirstSample { public st ...

  8. centos 运用ssh的rsa算法实现无密码登录

    ssh 公钥和私钥原理 1.客户端机子生成私钥和公钥,将公钥放到服务器证书中,然后就可以实现免密码登录.(服务器认证文件要有该登录用户的读执行权限) 2.a登录b: a机子:test01账号(b也要建 ...

  9. cf731E

    题意:一个游戏,由n张贴纸组成.贴纸排成一排,并且纸条上标有数字,玩家轮流揭下m张从左到右连续的纸条(m大等2),揭下后玩家得分累加这些纸条的sum,并且在剩下纸条最左边贴上新的纸条,数值为揭下纸条的 ...

  10. CSS 水平居中

    一.水平居中:行内元素解决方案 居中元素:文字.链接以及其它行内元素(inline或inline-*类型的元素,如inline-block,inline-table,inline-flex)解决方案: ...