【HTML】HTML定义、HTML基本骨架、各类标签详解

发布时间 2024-01-09 16:25:59作者: 沙汀鱼

HTML定义

  • HTML,HyperText Markup Language,超文本标记语言
    超文本——链接
    标记——标签,带尖括号的文本
  • HTML运行在浏览器上,HTML标签由浏览器解析

HTML基本骨架


路径

  • 相对路径

字符实体

区分字符和标签尖括号

标签

1. 标题标签

标签名:h1~h6 双标签

2. 段落标签

标签名:p 双标签

3. 换行标签

标签名:br

4. 水平线标签

标签名:hr

5. 文本格式化标签


6. 图片标签


  • 图片标签-属性



7. 超链接标签




8. 音频标签



在HTML5里面,如果属性名和属性值完全一样,可以简写为一个单词,这里后三个属性都是这种情况。

9. 视频标签


10. 列表标签

  • 无序列表

  • 有序列表

  • 定义列表

11. 表格标签



border:规定表格表框的宽度
width:规定表格的宽度
cellspacing:规定单元格之间的空白

  • 表格结构标签

  • 合并单元格
    -- 跨行合并
    -- 跨列合并

12. 表单

标签名:form
表单项(元素):不同类型的input元素、下拉列表、文本域等

form标签属性
  • action:指定表单数据提交的URL
    表单数据要想被提交,则必须指定name属性
  • method:指定表单提交的方式
    1.get:默认值,请求参数会拼接在URL后边,[URL的长度有限制,4KB内]
    2.post:请求参数会在http请求协议的请求体中,[请求参数无限制]

13. 表单项

input标签


  • input占位文本

  • 单选框-radio

  • 复选框-checkbox的默认选中

  • 上传文件-file(上传多个文件)

下拉菜单


文本域标签


label标签




按钮标签


14. 布局标签

通常配合CSS使用,完成网页布局