html总结知识点

最新推荐文章于 2024-10-17 15:53:46 发布

画个逗号给明天123

最新推荐文章于 2024-10-17 15:53:46 发布

阅读量89

点赞数

文章标签： html html5

本文链接：https://blog.csdn.net/qq_46118014/article/details/120404969

版权

Html知识点

<!DocType html> html类型申明 h5的申明方式
标签分类
- 双标签| 闭合标签：标签对需要定义内容
- 单标签|自闭和标签：标签对中不需要定义内容
属性：帮助更完善的展示标签的作用
head中定义的内容是给浏览器看的
body中的内容是给用户看的
<meta charset="utf-8">解码格式：浏览器使用哪种编码格式解析html页面中的内容编码与解码保持一致
<title></title>标题标签
- head中唯一一个能被用户看到的标签
- 收藏html页面时title标签对中的内容默认为书签名
常用属性 - bgcolor 背景颜色 - background 背景图片 - 注意两个同时存在的话，背景图片会覆盖背景颜色
常用标签
- a 超链接标签
  - href 定义连接位置（必填属性）
  - 绝对地址
  - 相对地址
  - 样式
    - 有下划线
  - 路径：进入到某个文件内部
  - title属性当鼠标悬停在元素上时显示的提示字
- img 图像标签
  - src 图像路径（必填属性）
  - width 宽度以像素为单位
  - heigth 高度以像素为单位
  - 注意如果只设置其中一个值那么另一个值等比缩放，为了保证图片不失真
  - alt 当图像无法正常显示，显示的提示字
  - title：鼠标停在元素上时侯显示的文字
- p标签上下留白前后换行
- h标签标题标签
  - 根据权重的不同，大小依次减小
  - align：内容水平对齐方式
- span 帮助为元素提供显示样式
- 列表标签
  - 无序列表 ul 在ul上定义type属性修改列表项标记
    - disc实心圆圈
    - circle 空心圆圈
    - square 实心方块
  - 有序列表 type属性 A a I i
  - 列表项标记：li
- table 表格标签
  - tr 行
  - th 表格头元素居中加粗
  - td 表格体单元格
  - 常见属性
    - border：边框
    - bordercolor 边框颜色
    - align
      - 用在table标签上，表格水平对齐
      - 用在tr上行中所有单元格水平对齐
      - 用在td上，td内容水平对齐
    - width 宽度
    - heigth 高度
    - style = "border-collapase: collapase"双线变单线
    - bgcolor：背景颜色
    - rowspan 跨行
    - colspan 跨列
- form 表单列表
  - action ：提交位置
  - method：提交方式
    - get 拼接在地址栏中，不安全，有大小限制，效率高。默认
    - post：封装在请求体中，安全，没有大小限制
  - name：表单名称
  - enctype：一般定义文件提交
  - 表单元素：一般定义在form标签对中
    - input ：其提供了type属性，type值不同，代表不同作业的表单元素
      - type
        text 单行文本框
        password 密码框，数据加密效果
        radio：单选框
        分组：一组单选框只能选择一个，name属性相同为一组
        
        checkbox：多选框
        file 文件上传需要修改 enctype
        hideen 隐藏框
        sumbit 提交
        button 按钮
        reset 重置，恢复默认值
    - label 定义标注
      - for属性值与所绑定的表单元素的id属性相同
    - fieldset 元素集
    - legend 定义提示信息
    - textarea 多行文本框
    - select：下拉列表
      - option 下拉列表选项
  - 表单属性
    - name
    - id
    - value
    - class
    - checked 单选框|多选框中默认选项
    - selected 下拉列表中的默认选项
    - readonly 只读不能修改可以提交正常显示
    - disable ：禁用不能修改不能提交显示灰色
    - autofocus 自动聚焦
    - required 必填属性所修饰的内容必须填写不然无法提交
    - maxlength：最大长度
    - placeholder 提示字