<!--编写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. iOS项目的目录结构和开发流程

    转自无网不剩的博客 网上相关的资源不多,开源的且质量还不错的iOS项目也是少之又少,最近正好跟同事合作了一个iOS项目,来说说自己的一些想法.   目录结构 AppDelegate Models Ma ...

  2. mysql 忘记root密码修改方法

    先将mysql安装bin目录(例如:c:xxx\xxx\mysql\bin  加入环境变量) 1.在命令行窗口下输入net stop mysql5 或 net stop mysql 2.开一个命令行窗 ...

  3. [apache]用shell分析网站的访问情况

    随着网站正式运行,我们可以通过通用的免费日志分析工具比如awstats获得一些实际访问网站的信息,例如每天ip量,pv量,用户所用的的浏览器,用户所用的操作系统等,但是有时候希望通过手工方式从WEB日 ...

  4. CCF 2016-12 送货

    问题描述 试题编号: 201512-4 试题名称: 送货 时间限制: 1.0s 内存限制: 256.0MB 问题描述: 问题描述 为了增加公司收入,F公司新开设了物流业务.由于F公司在业界的良好口碑, ...

  5. qml ios长按晃动

    WidgetModel.qml import QtQuick 1.0 ListModel { ListElement { icon: "Images/widget1.png"; g ...

  6. 客户端访问AIDLService(远程绑定Service)

    import android.os.Bundle;import android.os.IBinder;import android.os.RemoteException;import android. ...

  7. CentOS Hadoop格式化HDFS异常java.net.UnknownHostException

    #bin/hadoop namenode -format DEPRECATED: Use of this script to execute hdfs command is deprecated. I ...

  8. weblogic热部署问题

    最近部署的项目在weblogic10上面.按说10已经支持热部署了,但是为什么我每次修改的jsp,不生效,必须重启服务器呢?这样太耽误时间了,后来发现我的weblogic.xml里的servlet-r ...

  9. 戴文的Linux内核专题：01介绍

    转自Linux中国 译者按:本文作者戴文.科利尔.约翰逊(Devyn Collier Johnson)今年才19岁,但是他在Linux内核.人工智能.编程语言方面拥有丰富的经验,本文是其在linux. ...

  10. Cisco IOS Security command Guide

    copy system:running-config nvram:startup-config : to save your configuration changes to the startup ...