前端学习记录 2022.07.12——html标签

96 阅读1分钟

要求:

1.掌握html原生标签 2.H5语义化标签, 3.不用代码提示写出代码 4.分析结构

Emmet:按下TAB,自动补全代码

html原生标签:

块级元素(独占一行):

        div:盒子容器
          p:段落标签
         ul:无序列表
         ol:有序列表
         li:列表的列表项
      table:
            tr 行,
            th 表头的列表,
            td 表体的列
         dl:dt 一级列表,
            dd 二级列表 

行内元素(不会独占一行):

    span 
    a:超链接

行内块元素:

    img:图片
    路径问题:
        ./:当前路径,
        ../:上一级,
        /:根目录

其他元素:

    br:换行
    hr:分割线

表单元素:

    input标签(输入框):<input type="text">
    type属性:
            text:输入框,
            button:按钮(在from中时默认效果等于submit),
            checkbox:复选框,
            radio:单选框(需要给name命名 实现单选)
            select:下拉选框,
                    option:选项
            textarea:富文本框