html的标签
标签
一、属性写在标签名后面
二、属性不分先后顺序,标签和属性,属性和属性之间用空格间隔开
三、属性采取键值对的形式,即 key = "value" ,属性 = "属性值"
超链接
可以将图片或者文字作为超链接
锚点链接
点击链接跳转到页面中的某个位置
表格
用来展示数据的
<table>
<tr>
<td>
</td>
</tr>
</table>
table标签定义表格,tr标签定义表格中的行,td标签定义表格中的单元格,th定义表头单元格,会加粗
thread标签定义表格的头部区域,tbody标签定义表格的主体区域。
rowspan标签定义跨行合并单元格 colspan定义跨列合并单元格
列表
- 无序列表 <ul>标签定义无序列表,嵌套<li>列表项
- 有序列表 <ol>标签定义有序列表,嵌套<li>列表项
- 自定义列表 <dl>标签定义自定义列表,嵌套<dt>(定义项目),<dd>(描述每一个项目)
表单
为了收集用户信息
组成:表单域、表单控件(表单元素)、提示信息
<form>标签定义表单域,属性有三个:action="url地址" method="提交方式" name="表单域名称"
<input>标签定义表单元素,type 类型属性:button 按钮,checkbox 复选框,file 文件,image 图像,password 密码,raido 单选框,submit 提交,text 文本.
还有name 名称,value 值,checked 首次加载,maxlength 正整数。
单选框和复选框需要相同的 name 名称 属性才能实现
<label>标签绑定一个元素,点击跳转到相应表单元素的焦点 属性 for 与相关元素的 id 属性相同
<select>标签定义下拉表单元素
<option>定义表单选项 属性:selected 定义默认选项
<textarea>定义文本域元素,实现多行文本输入 属性:rows 行,cols 列
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现