<br>换行
<hr>水平线
div 独占一行
span 不换行
header 网页头部
nav 网页导航
footer 网页底部
aside 网页侧边栏
section 网页区块
article 网页文章
空格
< 小于号
> 大于号
图片:
<img src="./cat.jpg" alt="替换文本" title="提示文本"> 替换文本是图片没有显示的时候显示对应的文字;提示文本是鼠标悬停上面的时候显示的文字
超链接:
<a href="https://www.baidu.com">跳转到百度</a>
href 超链接的跳转地址
# 开发初期不确定跳转地址,#表示空链接,页面不会跳转,在当前页面刷新一次
target="_blank" 实现在新窗口打开页面
音频:
<audio src="音频的 URL"></audio> 支持这三种格式:MP3、ogg、wav
controls 显示音频播放面板
loop 循环播放
autoplay 自动播放(为提升用户体验,浏览器一般会禁用自动播放功能)
视频:
<video src="视频的 URL"></video> 支持格式:MP4、Ogg、WebM
controls 显示音频播放面板
loop 循环播放
muted 静音播放
autoplay 自动播放(为提升用户体验,浏览器支持在静音状态下自动播放)
列表:(有三种)
无序列表: ul 申明是无序列表 li:写列表条目 (最总效果类似于微博热搜的展示)
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li> ……
</ul>
有序列表: 标签:ol 嵌套 li,ol 是有序列表,li 是列表条目。 类似于word的缩进
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li> ……
</ol>
定义列表: 标签:dl 嵌套 dt 和 dd,dl 是定义列表,dt 是定义列表的标题,dd 是定义列表的描述 / 详情 类似于苹果官网最下面的那个效果
<dl>
<dt>列表标题</dt>
<dd>列表描述 / 详情</dd> ……
</dl>
表格: 标签:table 嵌套 tr,tr 嵌套 td / th
table 表格
tr 行
th 表头单元格
td 内容单元格
提示:在网页中,表格默认没有边框线,使用 border 属性可以为表格添加边框线。
表格结构标签:
thead 表头内部 表格头部内容
tbody 表头主体 主要内容区域
tfood 表格底部 汇总信息区域
合并单元格:
rowspan 跨行合并 保留最上面的单元格
colspan 跨列合并 保留最做的单元格
表单:
<input type="..." >
<input type="..." placeholder="提示信息">
placeHoder 占位文本
text 文本框,用于输入单行文本
password 密码框
radio 单选框
name 控件名称 (控件分组,同组中只能选中一个(单选功能))
checked 默认选中 属性名和属性值相同时,简写为一个单词
checkbox 多选框
checked 默认选中
file 上传文件
multiple 上传文件时实现多选
<input type="file" multiple> 默认情况下,文件上传表单控件只能上传一个文件,添加 multiple 属性可以实现文件多选功能。
<input type="radio" name="gender" checked> 男
<input type="radio" name="gender"> 女
下拉菜单: 标签:select 嵌套 option,select 是下拉菜单整体,option是下拉菜单的每一项。 默认显示第一项,selected 属性实现默认选中功能
<select>
<option>北京</option>
<option>上海</option>
<option>广州</option>
<option>深圳</option>
<option selected>武汉</option>
</select>
文本域:
<textarea>默认提示文字</textarea>
• 实际开发中,使用 CSS 设置 文本域的尺寸
• 实际开发中,一般禁用右下角的拖拽功能
lable标签:
写法一:
<input type="radio" id="man">
<label for="man">男</label>
写法二:
<label><input type="radio"> 女</label>
按钮:
<button type="">按钮</button>
submit 提交按钮,点击之后提交数据到后台
reset 重置按钮,点击后表单控件恢复默认值
button 普通按钮,默认没有功能,一般配合JS使用
拓展:属性名和属性值相同时,可以简写为一个单词