前端从入门到入土系列-HTML标签

178 阅读2分钟

1.基础标签

标题:hn(1-6级)
  特点:文字依次变小,强调程度依次降低,都有加粗效果
段落:p
换行:br
水平线:hr

2.文本标签

加粗:strong/b
倾斜:em/i
变大:big
变小:small
上标:sup
下标:sub

3.特殊标签

大空格: 
小空格: 
版权:©
商标:®

4.列表标签

有序列表:ol
无序列表:ul
列表项:li
自定义列表:dl
    列表项:
        dt:名词、术语、图片
        dd:解释说明或图片描述
注意事项:
    li外面必须被ol/ul包裹,ol/ul里面只能由lili里面可以由任何元素。

5.图片标签:img

属性:
 图片地址:src
 替代文本:alt
 宽高:width/height

6.超链接标签:a

属性:
 链接地址:href
 打开方式:target
 锚点链接:一般通过id来实现

7.布局标签:没有任何样式

div
span

8.表格标签:table

tr:表示行
td:表示单元格
    属性:
     跨行合并:rowspan
     跨列合并:colspan
属性:
 边框:border
 双线边框:cellspacing
 单元格与内容之间的间距:cellpadding
新增标签:
    表头:thead
    内容:tbody
    表尾:tfoot

9.表单标签:form

1.输入框标签input
2.按钮标签:button
3.字段集标签:fieldset 需要配合legend标签使用
4.label标签:常用于包裹input标签
5.下拉框标签:select 常搭配option标签使用
6.文本域标签:textarea

10.H5新特性标签

1.结构化标签
    页头:header
    主体:main
    页脚:footer
    导航:nav
    侧栏:aside
    独立区域:section
    文章:article
2.其他标签
    图文组:figure 常搭配 figcaption
    高亮:mark
    标题组:hgroup
    对话框:dialog 需要设置属性open
    画布:canvas
3.多媒体标签
    音频:audio
    视频:video
    source标签:当存在该标签时,上述两个标签属性不添加src
    多媒体标签:embed
4.数据列表:datalist
5.输出标签:output
6.内联框架标签:iframe