HTML常用标签1

块级标签

  • 标题标签 :h1,h2,h3,h4,h5,h6
  • 段落标签 :p
  • 水平线标签 :hr(单标签)
  • 有序列表 :ol
(type:"1,A,a,I,i"改变列表序号 , start:用来改变表的起始数字 , reversed:使列表进行倒序排列)
  • 无序列表 :ul
  • 描述标签 :dl,dt,dd
  • 描述标签 :figure,figcaption,p(第三个标签可以自定义 , 但建议使用p标签)
  • 详细内容标签:details,summary,p(可以隐藏标题以外的内容 , 第三个标签可以自定义)
  • 容器标签:div header nav main aside section article footer
行级标签
  • 加粗 :b,strong
  • 斜体 :i,em
  • 上标 :sup
  • 下标:sub
  • 小号标签 :small
  • 记号标签 :mark
  • 无用标签 :s
  • 图片 :img(单标签) src="http://kandian.youth.cn/index/图片路径" alt="图片未显示时的内容" title="鼠标放上去时的内容"
  • span标签 :span
  • 换行标签 :br
a标签
  • 超链接标签:a
  • 属性:
    • herf :链接
      • 协议 :http(s):网络协议(最常用)如:herf="" ????
      • mailto :邮箱协议 , 如:herf="mailto:1025707124@qq.com" ????
      • tel :电话协议 , 如herf="tel:15711629409" ????
      • javascript:伪协议(编写行内javascript)(最常用)如:herf="javascript:return false" 关闭a标签的转跳功能
    • target :目标属性(_blank:从新的网页打开 , 当target的值是iframe的name的值时 , a的链接内容将会在ifarme框架内打开 , 而不会从别的地方打开)
    • download:下载属性(HTML5新增属性 , 使时此标签最好download和herf的地址一样)
表格标签
  • table :表格 ??
  • caption:表格的标题 ??
  • thead :表格的头部容器 ??
  • tbody :表格的内容容器 ??
  • tfoot :表格的底部容器 ??
  • th :单元格(列) , 只能用在头部的地方 , 文字会自动加粗和居中 ??
  • tr :行 ??
  • td :单元格(列) , 只能用在非头部的地方
内嵌框架标签
  • iframe: 内嵌框架标签 , 用来在页面中嵌入另一个网页
  • frameborder :边框 , 0:没有边框 , 1:有边框
  • src :用来链接第二个网页
  • scrolling :设置是否显示滚动条 auto:默认值 , no:不显示滚动条
  • name :给内嵌框架取一个名字 , 可以让a标签的target属性值为该名字
组合标签
  • select :下拉框(name必须写在select里,value写在option里,size属性显示下拉内容的数量, multiple:倍数,可以进行多选)
  • optgroup :选项的分组 , 分组标签
  • label :分组的标题
?? ?????????? ?? ??????????
  • list :连接下拉列表(list的值必须和datalist的id一致)
  • datalist:用来制作一个看不见的下拉菜单(datalist的id的值必须和list的值一致) 好处:当用户所要选择的值不存在时 , 可以自己填写
?? ?? ??
  • ?textarea:多用于协议、评论、贴吧、自我介绍 。。。 (只提供用户看或者读的时候可使用禁用属性disabled或 者可读属性readonly) 它的宽高选择用css样式进行设置(cos,row的兼容性太差) resize :用来禁止用户改变文本域的大小 。 ??
  • video :视频标签、audio :音频标签(音频和视频的属性是一样的)
  • controls:控制器
  • autoplay:自动播放
  • loop :循环播放
  • preload :预加载 , 不能和autoplay一起使用
  • fieldset:字段集
用户登录/legend>user ???pwd ??
  • label:用来绑定id元素(for属性值必须和所要绑定的id相同)
【HTML常用标签1】