前端学习笔记(一)-HTML

w8626455
223 阅读3分钟

标题

  • html：定义html文档
  • body：定义html主体
  • h1-h6：标题
  • hr：水平线
  • <!-- -->：注释

段落

  • p：定义一个段落
  • br：定义一个折行

文本格式化

  • b：
  • i： 由于html语义化的原因，上述不推荐使用
  • em：HTML语义强调，默认样式为斜体
  • strong：HTML语义强调，默认样式为粗体
  • small：定义小号字
  • sup：定义上标
  • sub：定义下标
  • ins：定义插入字
  • del：定义删除字

连接

  • a
    • href：定义连接的目标URL
    • target：定义被连接的文档在何处显示

头部

  • head： 定义所有头部标签

下列所有的标签都是包括在head里面标签元素

  • title：定义文档的标题，在XHTML规范中是必须的，体现在下列三个部分
    • 浏览器中网页显示的标题
    • 添加至收藏夹时显示的标题
    • 搜索引擎结果显示的标题
  • style：定义样式引用地址，或者直接添加样式
  • script：加载脚本文件，引用或者直接添加
  • base：缺省状态下所有连接标签a的连接地址
  • link：定义引用的外部文件
  • meta：定义被浏览器解析的元数据

图像

  • img：
    • src：定义图片地址
    • alt：定义图片加载失败时的替换文本
    • title：定义图片的提示文本

TODO

  • map
  • area

表格

  • table：定义表格
  • tr：定义表格的行
  • td：定义表格的单元格
  • th：定义表格的表头
  • caption：定义表格的标题
  • colspan和rowspan：定义表格单元格的跨行与跨列
  • colgroup和col：嵌套使用定义表格列的样式
    • 属性只有col中的span被支持，具体的样式通过CSS来定义
  • thead和tfoot：定义表格页面和页脚，同样样式由CSS来定义
  • tbody：定义表格的主体，表格内容全部下载完才会显示。需要与thead和tfoot组合使用

列表

  • ul：定义有序列表
  • ol：定义无序列表
  • li：定义列表项

TODO 自定义列表

  • dl、dt、dd

区块

  • div：块级元素，无特殊含义，内容容器
  • span：内联元素，无特殊含义，文本容器

表单

  • form：定义包含表单元素的区域
  • textarea：定义文本域
  • label：输入元素的标签，通过for属性和input的id相关联
  • fieldset和legend：前者定义一组相关的表单元素，后者定义这组元素的标题
  • select、optgroup、option：分别是下拉框，分组选项组，单个选项
    • optgroup通过label属性为选项组提供描述

表单元素查阅：表单元素参考手册

  • input：表单输入元素 罗列一下常用属性
    • checked：复选框和单选框的预先选定
    • disabled：input元素是否禁用
    • name：输入元素的名字，后台接收数据的'key'
    • placehoder：输入元素预期信息的简短提示
    • readonly：
    • value：显示在输入元素中的值，后台接收数据的'value'
    • type：输入元素的类型

输入元素INPUT的类型

  • <input type="text"> ：文本域
  • <input type="password">：密码字段
  • <input type="radio">：单选框，通过name属性设置
  • <input type="checkbox">：复选框，通过name属性设置
  • <input type="submit"> ：提交按钮
  • <input type="reset">：重置按钮
  • <input type="file">：文件上传
  • <input type="hidden">：隐藏元素

具体INPUT类型查阅：输入元素INPUT类型参考

字符实体

完整HTML实体：HTML实体参考手册

avatar
文章
阅读
粉丝