美文网首页四期学习小组
day4HTML高级标签-上

day4HTML高级标签-上

作者: 哈哈super | 来源:发表于2017-04-19 09:31 被阅读2次

    1.列表标签

    列表分为:有序列表 无需列表 定义列表

    1.1 无序列表

    用来表示一个列表的语义,并且每个项目和每个项目之间是不分先后的.

    ul 是无需列表的意思 li是列表项

    注意:所有的li不能单独存在,必须包裹在ul里面;ul的儿子不能是别的东西只能是li

    1.2 有序列表

    格式:

    1.3 定义列表

    dl 定义列表

    dt定义标题

    dd定义表述词

    2. 表格标签

    Table标签表格整体标签

    THead标签,表格标题部分

    TBody标签,表格内容部分

    TR标签,表格行

    TD标签,表格内容单元格

    TH标签,标题单元格

    rowspan属性,行合并单元格

    colspan属性,列合并单元格

    快捷键:ctrl+{进行左缩进,ctrl+}进行右缩进

    3. div和span

    Div标签:  容器标签

    Span标签:  文本及标签 只能放置 文字 图片 表单元素

    块级标签:独占行。

    行级标签:可以跟其他的行内标签共用一行。

    块:p,div,ul,ol,dl,li,dt,h1-h6

    行:span,strong,em,文本相关的标签都是行内标签。

    Div多用于表示文档中的一个块或者是整个结构的小节。

    Span标签,多用于文本的一小节。

    4.表单标签

    表单是收集用户信息的,就是让用户填写的 选择的

    4.1 文本框

    <input type="text" value="默认有的值" />

    input表示  输入

    type表示类型

    text表示文本

    value表示值

    4.2密码框

    <input type="password" />

    4.3 单选按钮

    <input type="radio" name="xingbie" />男

    <input type="radio" name="xingbie" />女

    4.4 复选按钮

    <input type="chechbox" />篮球

    4.5下拉列表

    select 就是选择 option是选项

    格式:

    4.6 文本域

    cols属性表示列 rows属性表示行 

    值就是一个数 表示多少行,多少列

    相关文章

      网友评论

        本文标题:day4HTML高级标签-上

        本文链接:https://www.haomeiwen.com/subject/sxjczttx.html