2023-02-14
html标签
<html>
<head>
<title>标题</title>
</head>
<body>
</body>
</html>
标题标签
共6个标题标签，文字加粗，独占一行。重要性依次降低
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
段落标签
独占一行，段落上下有间隙。
文本格式化标签
<b></b> <strong></strong> 文字加粗
<u></u> <ins></ins> 下划线
<i></i> <em></em> 文字倾斜
<s></s> <del></del> 删除线
链接标签
<a href="">文字</a>
href 跳转地址
target ：_self(当前窗口跳转) _blank(新窗口跳转)
#空地址链接
媒体标签
图片标签
<img src="" alt=""> 单标签
src 图片路径
alt 图片未显示的提示文本
title 鼠标悬停时提示文本
width 宽
height 高
宽高只设置一个值时，图片等比例缩放
音频标签
<audio src=""></audio> 双标签
src 音频路径
controls 播放控件
autoplay 自动播放（部分浏览器不支持）
loop 循环播放
视频标签
<video src=""></video> 双标签
src 视频路径
controls 播放控件
autoplay 自动播放（部分浏览器不支持）与muted配合使用可以在chrome中实现静音播放
loop 循环播放
路径问题
绝对路径
由计算机根盘符出发找到目标文件的路径地址：C:\Users\wang\Desktop\code
相对路径
当前文件与目标文件的位置，同级可以直接写文件名字
../代表返回上一级目录
列表标签
无序列表
ul中只能放li
<ul>
<li></li>
</ul>
有序列表
ol中只能放li
<ol>
<li></li>
</ol>
自定义列表
dl 列表整体
dt 列表主题
dd 列表内容
<dl>
<dt> </dt>
<dd></dd>
</dl>
表格
table 表格整体，包裹tr
tr 表示一行，包裹td
td 表示单元格
caption 表格大标题
rowspan 跨行合并
colspan 跨列合并
<table border="2" height="60" width="900">
<caption>
名牌大学王牌专业
</caption>
<tr>
<th>清华</th>
<th>北大</th>
<th>浙大</th>
</tr>
<tr>
<td rowspan="2">姚班</td>
<td>光华</td>
<td>实验</td>
</tr>
<tr>
<!-- <td>计算机</td> -->
<td>经管</td>
<td>工科</td>
</tr>
<tr>
<td>20000</td>
<td colspan="2">18888</td>
<!-- <td>13333</td> -->
</tr>
</table>
表单
<form></form>
input 标签type属性：text 文本框
placeholder 占位符，提示用户输入内容
password 密码框
radio 单选框
name 表示一组值
checkbox 复选框
file 文件选择（上传）
submit 提交按钮
reset 重置按钮
button 普通按钮
value 改变按钮文字
select标签
selected 默认选中
<select>
<option></option>
</select>
textarea 文本域标签
cols 框宽
rows 行数（高）
label标签
包裹input表单，实现点击文字选中。
