<!--编写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. VirtualBox – Error In supR3HardenedWinReSpawn 问题解决办法

    转:http://chenpeng.info/html/3510---------VirtualBox – Error In supR3HardenedWinReSpawn---------<h ...

  2. JAVA 多态和异常处理作业——动手动脑以及课后实验性问题

    1.  阅读以下代码(CatchWho.java),写出程序运行结果: 1)  源代码 public class CatchWho { public static void main(String[] ...

  3. hdu 3172 Virtual Friends (映射并查集)

    Virtual Friends Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)T ...

  4. IE中JavaScript 的异常处理

    错误类型 编程中我们会遇到四种错误:编译错误.逻辑错误.输入/验证错误.运行时错误,但是在JavaScript中我们只能最后两种错误. JavaScript 1.5定义了六种错误类型: EvalErr ...

  5. Windows Store App 应用程序存储空间

    与上面介绍的三种不同应用程序数据存储类型对应,应用程序有三种数据存储空间,分别为本地应用程序数据存储空间.漫游应用程序数据存储空间和临时应用程序数据存储空间.通过使用ApplicationData类的 ...

  6. [转]Java程序员们最常犯的10个错误

    1.将数组转化为列表 将数组转化为一个列表时,程序员们经常这样做: List<String> list = Arrays.asList(arr); Arrays.asList()会返回一个 ...

  7. 六种流行的语言---C、C++、python、Java、php、C#比较[转]

    语言大餐 回归正题,本文是六种语言连接mysql数据库的代码展示,在LZ尝试的过程中,无论是语言环境搭建.mysql依赖库的导入还是代码的风格,各种语言都各有千秋.接下来,我们就让这些语言一一登场吧. ...

  8. 原创：ASP.Net状态管理读书笔记--思维导图

    导图文件下载 课前提问几个问题 使用Session 配置 model aspnet_regsql.exe 常见问答 问:为什么Session在有些机器上偶尔会丢失?答:可能和机器的环境有关系,比如:防 ...

  9. 实战SQL Server 2005镜像配置全过程

    SQL Server 2005镜像配置基本概念 我理解的SQL Server 2005镜像配置实际上就是由三个服务器(也可以是同一服务器的三个 SQL 实例)组成的一个保证数据的环境,分别是:主服务器 ...

  10. Sql Server 主从数据库配置

    网站规模到了一定程度之后,该分的也分了,该优化的也做了优化,但是还是不能满足业务上对性能的要求:这时候我们可以考虑使用主从库.主从库是两台服务器上的两个数据库,主库以最快的速度做增删改操作+最新数据的 ...