HTML常用标签和属性


en英文

zh-CN中文

ja-jp日文

<!-- -- >注释

HTML常用标签

分段


强制换行

下划线


水平线

强调突出内容

强调倾斜内容

删除线

下际

上际


特殊符号

<;大于号

>;小于号

&emsp;空格

&trade;TM

®;®

©;©

&;&

¥;¥

°;摄氏度


hr

color=""水平线颜色

width=""水平线宽度

align=""水平线方向,left左,right右

noshade="noshade"水平线默认阴影消除


图片标签的路径和属性

相对路径  ./ ../

绝对路径  去网络里找图片链接

./是找同级或下级图片

../是找上级图片

src=""引入图片链接

alt=""当图片出现问题,可以提示一段文字

title=""鼠标悬停信息

width="  px"设定图片宽度

height="  px"设定图片高度


链接标签

href=""链接的地址

tltle=""悬停提示信息

target=""填入网址

target=""里包含_blank和_self

_blank在浏览器新窗口打开页面

_self在浏览器原窗口打开页面

可以在图片里加链接


跳转锚点

1.#号和id属性

在要跳转的文本位置前填上块元素,给块元素命名

2.#号和name属性

在要跳转的文本位置前在写一个


无序列表

ul和li必须是组合出现的,他们之间是不能有其他标签的

     

    列表最外层容器

  • 列表项

    type=""是改变前面标记样式(一般都是用css去控制

    disc是实心圆        circle是空心圆

    square是实心方块    none是空白可以随意发挥


    有序列表

    ol和li必须是组合出现的,他们之间是不能有其他标签的

      列表最外层容器

    1. 列表项

      type=""是改变前面标记样式(一般都是用css去控制

      1是数字          a是小写字母        A大写字母    i罗马数字小写  I罗马数字大写

      start=""从哪个数字开始(取值只能是数字)


      定义列表

       

       

       

      列表最外层容器

      定义专业术语或名词

      对名词进行解释和描述


      表格标签

      表格最外层容器

      定义表格行

      定义表头

      定义表格单元

      定义表格标题

      表格


      表格属性

      border=""表格边框

      cellpadding=""单元格内的空间

      cellspacing=""单元格之间的空间

      rowspan=""合并行

      colspan=""合并列

      align=""单元格文字左右对齐方式

      align:left、center、right

      valign=""单元格文字上下对齐方式

      valign:top、middle、bottom


      表单标签和属性

         


      表单最外层容器

      action=""提交到一个地址

      标签用于搜集用户信息,根据不同的type属性值,展示不同的控件

       

        text普通文本密码框

        password密码输入框

        placeholdr提示文本

        button自定义按钮

        disabled禁用

        readonly只读

        submit提交按钮

        hidden是给后端带信息普通用户看不见 一般伴随(value)

        图片代替提交按钮

        reset重置按钮

      2.checkbox复选框

        加上checked会出现一个默认选择

        disabled禁止使用

      3.radio单选框

        name="(写一个自定义的值)"通过name可以让两个或多个单选框变为一组(自定义的值要相同)

        加上checked会出现一个默认选择

      4.file上传文件

        multiple按住鼠标左键鼠标滑过可以多选

      5.textarea多行文本框

       

        cols=""表示列

        rows=""表示行

        可以通过调节行列改变大小

        resize重新设置大小(css)

        : vertical;垂直

        :horizontal;水平

        :both;默认

        :none;无法控制

      6. 

        select下拉菜单

        size=""填入数字可以让下拉菜单显示多项

        multiple按住鼠标左键鼠标滑过可以多选

        option菜单里的选项传给后端要设置value值

        selected下拉菜单默认显示当前被选中的那一项

      7.是一个辅助属性

        id和for要相同

        拿3.做例子

        正常点这个文字是选不中的

       

       


        但是用上label后就可以了

       

       


      字段集

      缺口


      div和span标签

      1.

      (块)用来划分区域

      2.(内联)对文字单独修饰

        style=""设计

        color颜色

       

      div和span都是没有任何默认样式的,需要配合css


      音频

      controls控制栏

      loop循环

      autoplay自动播放

      muted静音


      视频

      controls控制栏

      loop循环

      autoplay自动播放

      muted静音

      poster属性海报


      HTML5新增语义化标签

      section元素 表示页面中的一个内容区块(页面身体)

      article元素 表示一块与上下文无关的独立的内容

      aside元素 在article之外的,与article内容相关的辅助信息(侧边栏)

      header元素 表示页面中一个内容区块或整个页面的标题(页面头部)

      footer元素 表示页面中一个内容区快或整个页面的脚注(页面底部)

      nav元素 表示页面中导游链接部分(页面导航栏)

      figure元素 表示一段独立的流内容,使用figcaption元素为其添加标题(第一个获最后一个子元素的位置)

      main元素 表示页面中的主要内容(ie不兼容)



      增强表单

      表单最外层容器


      action提交到一个地址

      标签用于搜集用户信息,根据不同的type属性值,展示不同的控件

      加上name是给后端的

      type="color"生成一个颜色选择的表单

      type="email"生成一个邮箱输入框

      type="tel"换起拨号盘表单

      type="search"产生一个搜索意义的表单

      type="range"产生一个滑动条表单,支持min,max,value,step

      (min最小值)

      (max最大值)

      (value设置默认)

      (step移动数值)

      type="number"产生一个数值表单,支持min,max,value,step

      type="email"限制用户必须输入email类型

      type="url"限制用户必须输入url类型

      type="date"限制用户必须输入日期

      type="month"限制用户必须输入月类型

      type="week"限制用户必须输入周类型

      type="time"限制用户必须输入时间类型

      type="datetime-local"选取本地时间


      搜索列表

      (list和id相连)

      (id自定义)

      (这个是列表可以想写多少写多少)

      value自定义名称


      表单属性

      autofocus自动获取焦点

      required验证输入不能为空

      multiple可以输入一个或多个值,每个值用逗号隔开

      还可用于file

      pattern

      将属性值设为某个正则表达式,在提交时会检查其内容是否合给定格式


      你可能感兴趣的:(HTML常用标签和属性)