- 什么是HTML
- HTML是Hyper Text Markup Language的缩写,意思是超文本标记语言。
- 标签
- 标题标签:-------------h1,h2,h3.....
- 段落标签 :------------p
- 换行标签: ------------br
- 列表标签:
- 有序列表:------ol
- 无序列表:------ul
- 超链接标签:------------<a>
- href属性使用路径
- target用于定义链接打开的方式
- _blank 在新窗口中打开目标资源;
- _self 在当前窗口中打开目标资源
- 多媒体标签:
- 图片标签:------img
- src属性用于定义图片的连接。
- title属性用于定义鼠标悬停时显示的文字。
- alt属性用于定义图片加载失败时显示的提示文字。
- 音频视频标签------audio音频------video------视频
- src属性用于定义目标声音资源 。
- autoplay属性用于控制打开页面时是否自动播放 。
- controls属性用于控制是否展示控制面板 。
- loop属性用于控制是否进行循环播放 。
- 图片标签:------img
- 表格标签(重点)
- table标签代表表格;
- tr标签代表一行;
- td标签代表行内的一格;
- 通过td的rowspan属性实现上下跨行
- 通过td的colspan属性实现左右的跨列
- th标签自带加粗和居中效果的td;
- form标签:表单标签,
- action属性:用于定义信息提交的服务器的地址。
- method属性:用于定义信息的提交方式。
- get值: get方式提交,数据会缀到url后,以?作为参数开始的标识,多个参数用&隔 开。
- post值: post方式提交,数据会通过请求体发送,不会在缀到url后。
- input标签------主要的表单项标签,可以用于定义表单项。
- name属性:用于定义提交的参数名。
- type属性:用于定义表单项类型。
- text 文本框
- password 密码框
- submit 提交按钮
- reset 重置按钮
- radio单选框------name属性相同的radio为一组,组内互斥;
- checked多选框
- button按钮标签
- type属性
- button普通按钮:点击后无效果,需要通过JavaScript绑定单击响应函数;
- reset重置按钮:点击后将表单内的所有表单项都恢复为默认值;
- submit提交按钮: 点击后提交表单
- type属性
HTML的重要知识
萌新小白的逆袭2025-07-16 10:35
相关推荐
陈随易16 小时前
有生之年系列,Nodejs进程管理pm2 v7.0发布冰暮流星16 小时前
javascript之事件代理/事件委托陈随易17 小时前
AI时代,你还在坚持手搓文章吗里欧跑得慢19 小时前
17. Flutter Hero动画实现:让界面过渡更加优雅IT_陈寒20 小时前
Vue的这个响应式陷阱,我debug了一整天才爬出来kyriewen20 小时前
前端测试:别为了100%覆盖率而写测试,那是自欺欺人去伪存真20 小时前
我自己写的第一个skills--project-core-standardsData_Journal21 小时前
如何使用cURL更改User Agent竹林81821 小时前
wagmi v2 多链钱包切换:一个 Uniswap 仿盘项目让我踩了三天坑donecoding21 小时前
Playwright MCP 页面捕获:Snapshot、截图、HTML 到底选哪个?