HTML标签

最新推荐文章于 2024-08-08 13:22:04 发布

harkecho

最新推荐文章于 2024-08-08 13:22:04 发布

阅读量213

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： html

本文链接：https://blog.youkuaiyun.com/u012581760/article/details/78412139

前端专栏收录该内容

7 篇文章

订阅专栏

HTML标签参考手册

<html>   定义HTML文档
   <body>   定义文档的主体
   <h1>to<h6>  定义HTML标题
   <hr>    定义水平线
   <!—> 定义注释
   <p> 定义段落
   <br /> 插入单个折行


文本格式的标签
  <b> 定义粗体文本
  <big> 定义大号字
  <em> 定义着重文字
  <i> 定义斜体字
  <small> 定义小号字
  <strong> 定义加重语气
  <sub> 定义下标字
  <sup> 定义上标字
  <ins> 定义插入字
  <del> 定义删除字

 计算机输出标签
   <code> 定义计算机代码
   <kbd> 定义键盘码
   <samp> 定义计算机代码样本
   <tt> 定义打字机代码
   <var> 定义变量
   <pre> 定义预格式文本

 引用和术语定义
    <abbr> 定义缩写
   <acronym> 定义首字母缩写
   <address> 定义地址
   <bdo> 定义文字方向
   <blockquote> 定义长的引用
   <q> 定义短的引用语
   <cite> 定义引用,引证
   <dfn> 定义一个定义项目

   <style> 定义样式
   <link> 定义资源引用 
   <div> 定义文档中的节或区域(块级)
   <span> 定义文档中的行内的小块或区域.

   <img> 定义图像
   <map> 定义图像地图
  <area> 定义图像地图中的可点区域

   <table> 定义表格
   <caption> 定义表格标题
   <th> 定义表格表头
   <tr> 定义表格行
   <td> 定义表格单元
   <thead> 定义表格的页眉
   <tbody> 定义表格的主体
    <tfoot> 定义表格的页脚
    <col> 定义用于表格列的属性
    <colgroup> 定义表格列的组

    <ol> 定义有序列表
    <ul> 定义无序列表
    <li> 定义列表项
    <dl> 定义定义列表
    <dt> 定义定义项目
    <dd> 定义定义的描述

    <div> 定义文档中的分区或节(division/section)
   <span> 定义span 用来组合文档中的行内元素

    不间断空格（non-breaking space）
 =============================
HTML 中的常用字符实体是不间断空格(&nbsp;)。
&nbsp;空格占位符

  <head> 定义关于文档的信息
  <title> 定义文档标题
  <base> 定义页面上所有链接默认地址和默认目标
  <link> 定义文档与外部资源之间的关系
  <meta> 定义关于HTML文档的元数据
  <style> 定义文档的样式信息
  <script> 定义客户端脚本

没有下划线的链接
=============================
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>
<body>
<a href="/example/html/lastpage.html" style="text-decoration:none">
这是一个链接！
</a>
</body>
</html>

=============================
HTML中的样式

<html>
<head>
        <style type="text/css">
    h1 {color: red}
    p {color: blue}
        </style>
</head>

<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>
</html>

=============================

链接到一个外部样式表
引用外部样式表

<html>
<head>
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
</head>
<body>
<h1>我通过外部样式表进行格式化。</h1>
<p>我也一样！</p>
</body>
</html>

外部样式表如下 http://www.w3school.com.cn/html/csstest1.css
h1 {color: green;border: 1pt solid black;}
p{color: red;background-color:#EFE7D6;border: 1pt solid black;}
div{color: #FFFFFF;background-color:#000000;}
span{color: #000000;background-color:#FFFFFF;}

=========================

创建超级链接

<html>
    <body>
    <p>
    <a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>
    <p><a href="http://www.microsoft.com/">本文本</a> 是一个指向万维网上的页面的链接。</p>
    </body>
</html>


将图像作为链接
    <html>
    <body>
        <p>
您也可以使用图像来作链接：
        <a href="/example/html/lastpage.html">
        <img border="0" src="/i/eg_buttonnext.gif" />
        </a>
        </p>
    </body>
</html>