<!--编写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-------(1698)Just a Hook(线段树区间更新)

    Just a Hook Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total ...

  2. 集成 WeChat SDK - 支付篇

    作者感言 惯例, 开头都是要说些东西的了, 随着现在的App越来越商业化, 很多公司的App都会集成第三方的支付SDK, 这样子的成本就比较低, 但是呢, 有很多朋友还是不太会集成, 也不太爱看集成文 ...

  3. Java 集合系列 17 TreeSet

    java 集合系列目录: Java 集合系列 01 总体框架 Java 集合系列 02 Collection架构 Java 集合系列 03 ArrayList详细介绍(源码解析)和使用示例 Java ...

  4. [原创]Keys的基本操作总结，判断Keys中是否存在Keys.Control|Keys.Alt，移除Keys中的部分键值。

    直接看应用实例 /// <summary> /// 组合键转换成字符串类型 /// </summary> /// <param name="keyCode&qu ...

  5. bash: sqlplus: command not found 解决方法

    在oracle用户下输入:sqlplus 抛出bash: sqlplus: command not found 解决办法: 在root用户下输入如下命令: ln -s $ORACLE_HOME/bin ...

  6. loadrunner 打印变量

    打印userid变量参数的信息 web_submit_form("ValidateLoginAction.do_2",  "Snapshot=t2.inf",  ...

  7. 在 Ubuntu 14.04/15.04 上配置 Node JS v4.0.0

    大家好,Node.JS 4.0 发布了,这个流行的服务器端 JS 平台合并了 Node.js 和 io.js 的代码,4.0 版就是这两个项目结合的产物——现在合并为一个代码库.这次最主要的变化是 N ...

  8. [Js]JavaScript闭包和范围的快速测试

    1. if (!("a" in window)) { var a = 1; } alert(a); [分析]代码含义:如果window不包含属性a,就声明一个变量a并赋值为1 ①J ...

  9. function gzdecode

    function gzdecode($data) { return gzinflate(substr($data,10,-8)); } 因为项目要下载一个gzip压缩的网页,所以需要解压,手册上有一个 ...

  10. SG函数 模板

    int get_SG(int x) { ) return SG[x]; ]={}; ;i<=n;i++) ) v[get_SG(x-s[i])]=; int i; ;v[i];i++); SG[ ...