html标签大全

html

html介绍

        html是超文本标记语言(HyperText Markup Language),html 不是一门编程语言,只是一门标记语言,类似于工具一样的东西。
       在html当中,不存在编程语言的语法,而是充斥着各式各样的标签。
        html运行环境是浏览器,而浏览器是用来打开网页的。所以在浏览器中我们见到的所有的网页本质上都是一个文本,而这文本又称之为 html。
        比较老的教科书里面文件的后缀htm。htm文件不完整的支持html5的语法。

html5文档结构说明

        1.<!DOCTYPE html> html5文档声明头 ,想要完整的使用html5语法,必须使用文档声明头,声明当前文件是html5文件。
        2.html标签定义html文档内容的结构,所有的html文档的内容都需要写在这对标签内部。
        3.head标签通常情况下,里面写的内容是对于当前网页的一些预定义信息设置。
        4.body标签里面是要显示给用户看的内容。

网页预定义信息

<meta charset="UTF-8">设定当前网页的编码格式。
<title>网页标题</title>通常情况下, tilte要放在meta字符集设置的下面,防止出现乱码。
<link rel="stylesheet" href="style.css"> 引入外部的css文件。
<script src="01.js"></script> 引入外部的js脚本文件,需要注意的是,两个script标签中间不能存在任何内容换行都不可以。

常用基础标签

  • 带有语义的标签

    em,强调
    strong ,比em强调级别更高
    abbr,定义缩写,与title属性相互搭配使用
    address,定义地址元素
    blockquote,定义块引用,通常情况下会产生缩进
    cite,通常情况下,某段话引子某本书,可以使用cite进行说明
    ins,定义被插入文本
    del,定义被删除文本
    

  • 带有一定样式的标签[此类标签也同时带有语义]

    b,定义粗体文本
    i,定义斜体文本
    big,定义大号文本
    small ,定义小号字体文本
    sup,上标文本
    sub,下标文本
    bdo,定义文本显示方向,属性:dir,值,ltr,rtl
    

  • 输出类标签

    pre,代码中样式原样输出
    code,定义计算机代码文本
    kbd,定义键盘文本
    var,定义变量
    

功能类标签

    a标签  定义超链接实现页面跳转
          定义锚点实现书签功能
    列表   无序列表 ul,li
          有序列表 ol, li
    页面嵌套 iframe
    项目列表描述 dl,dt,dd
  • 图片 img

    常用属性 alt,图像替代文本
    width,height
    ismap,定义图像映射的一张图像
    通过img 实现图像映射 map 标签,定义图像映射
                       <area> 定义图像映射内部的区域
    链接跳转的图像 将图片嵌套在a标签中
    
  • 表格

    table标签
        表格标题 <caption>标签
        表格页眉   <th>标签
        表格的行 <tr>标签
        表格的单元格  <td>标签
        表格的头部  <thead>标签
        表格的主干 <tbody>标签
        表格的尾部  <tfoot>标签
    
  • 页面所有链接的基础链接

    <base> 标签 base标签位于head标签内部
    
  • form表单

    输入域 <input> type属性 相关属性值 button、file、hidden、text、password、radio、checkbox、image、reset、submit
                  alt属性,定义当按钮为图片时,图片的替代文本
                  src属性,定义当按钮为图片时,图片的链接地址
                  checked属性,定义默认选项
                  disabled属性,禁用当前输入域
                  readonly属性,对当前输入域只读
                  maxlength属性,定义输入域字符的最大长度 
                  name属性,定义当前的输入域的名字
                  value属性,定义当前输入域的默认值
    文本输入区<textarea> cols属性,规定可见列数
                        rows属性,规定可见行数
                        disabled属性,禁用当前文本输入区
                        name属性,当前文本区的名字
                        readonly属性,当前文本区域只读
    按钮  <button>  disabled属性,禁用此按钮
                    name属性,按钮名字
                    type属性,按钮类型 button、reset、submit
                    value属性,按钮上显示文本内容的默认值
    下拉菜单<select> 相关属性  disabled属性,禁用该菜单
                             multipe属性,规定可同时选中多项
                             name属性,下拉列表的名字
                             size属性,菜单中可见项目的数目
                    <optgroup>标签,定义下拉列表选项分组 label属性,定义选项组的标记,必要属性
                                                      disabled 属性,禁用
                    <option>标签,定义下拉列表中的选项  disabled属性,禁用
                                                     label属性,定义当使用 <optgroup> 时所使用的标注                                                    selected属性,规定选项(在首次显示在列表中时)表现为选中状态。
                                                     value属性,向服务器输送的值
    表单中的标记<label>
    表单中相关元素分组 <fieldset>  <legend>定义分组标题
    

在html中,一些语义不是太明显的标签我们可以用来做挂件。

原文地址:https://www.cnblogs.com/llsblogs123/p/7077313.html