<!--编写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. 《javascript高级程序设计》第八章 The Browser Object Model

    8.1 window 对象 8.1.1 全局作用域 8.1.2 窗口关系及框架 8.1.3 窗口位置 8.1.4 窗口大小 8.1.5 导航和打开窗口 8.1.6 间歇调用和超时调用 8.1.7 系统 ...

  2. Spring Data Jpa配置

    Spring Data JPA提供的接口,也是Spring Data JPA的核心概念: 1:Repository:最顶层的接口,是一个空的接口,目的是为了统一所有Repository的类型,且能让组 ...

  3. IDEA配置maven

    步骤:Setting....或Ctrl+Alt+S

  4. SAP smartforms之Zebra print control language

    因为在做个小标签的时候需要将部分字符旋转180度,在scn上找了很久也发布了自己的提问,不过最终的结果却不尽人意.Rotated text in smartforms need use the PCL ...

  5. Java三大特征之------多态

    1.定义 指允许不同类的对象对同一消息做出响应.即同一消息可以根据发送对象的不同而采用多种不同的行为方式. 2.存在条件 2.1存在父子关系 2.2子类中存在重写方法 2.3父类类型的变量指向子类对象 ...

  6. easyui中的combobox小知识点~~

    一直使用的easyui中,一些不为人知的小知识点,与君共勉: 1.combobox设置高度:使用panelHeight属性: 2.combobox本身自带“自动补全”功能,但是在浏览器中是有限制的,在 ...

  7. mac 无法ssh localhost

    mac 无法ssh localhost,错误提示:bash: /usr/local/bin/ssh_session: Permission denied在网上找了很久也没有找到解决方案,最后根据提示自 ...

  8. 使用HTTP访问网络------使用HTTPURLConnection

    HTTPURLConnection继承了URLConnection,因此也可用于向指定网站发送GET请求.POST请求.它在URLConnection的基础上提供了如下便捷的方法: 1.int  ge ...

  9. Operating System Concepts 项目:生产者-消费者问题 线程

    一. 实验目的 实现一个c程序,该程序能模拟解决有限缓冲问题,其中消费者和生产者产生和消耗随机数 二.实验内容 缓冲区 元数据类型为buffer_item,大小为1000的数组,按环形队列处理 生产者 ...

  10. 一模 (3) day2

    第一题: 题目大意:和day1一样,给出m个小于n的数,求出出现次数大于m div 2 的数. 数据范围加大,1<=n<=2^31   1<=m<=3000000 解题过程: ...