• 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中,一些语义不是太明显的标签我们可以用来做挂件。

  • 相关阅读:
    函数的进阶
    几个基础 类型循环删除
    函数的初识
    python3的 基础
    python3 最基础
    demo
    [转] ajax方法
    <codis><jodis>
    <Redis Advance><Pipelining><Memory Optimization><Expire><Transactions>
    <HBase><Scan>
  • 原文地址:https://www.cnblogs.com/llsblogs123/p/7077313.html
Copyright © 2020-2023  润新知