学习笔记
1.web是什么？
网页主要是由文字，图像和超链接等元素构成，当然还有音频，视频等等
2.web标准是什么？
结构（html），表现（css），行为（js）
3.html是什么？
HTML 指的是超文本标记语言。html不是语言是，是一个标记
4.html骨架
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
</body>
</html>
5.常用标签
1.排版标签
标题标签 <h1></h1> ~ <h6></h6>
段落标签 <p></p>
换行标签 <br>
div和span标签 <div></div> <span></span>
2.文本格式化标签
<b></b>和<strong></strong> 粗体
<i></i>和<em></em> 斜体
s></s>和<del></del> 删除线
u></u>和<ins></ins> 下划线
3.图像标签
<img src="" alt="" title="" width="" height="" >
4.链接标签
<a href="" title="" target="__blank"></a>
5.注释
<!---->
6.路劲
1.相对路劲
相对路径，是从代码所在的这个文件出发， 去寻找我们的目标文件的，而 我们所说的 上一级 下一级 同一级 简单说，就是 图片 位于 HTML 页面的位置
./ 当前目录下
../ 上一级目录下
./img/1.png 当前目录下————img文件夹————里面的1.png
../../1.png 上一级————上一级————里面的1.png
2.绝对路劲
绝对路劲，就是从电脑的磁盘目录出发寻找到文件的 路劲
C:\Users\admin\AppData\Roaming\Microsoft\Windows\Start Menu\Programs
C:\Users
7.表格<table></table>
<table width="500" align="center" height="300" border="1" cellpadding='20' cellspacing='10'>
<caption>我是表格标题</caption>
<th>
<td>日期</td>
<td>时间</td>
<td colspan="1">1</td>
</th>
<tr>
<td>1号</td>
<td>时间</td>
</tr>
</table>
合并单元格3步 跨行合并：rowspan="合并单元格的个数" 跨列合并：colspan="合并单元格的个数"
1. 先确定是跨行还是跨列合并
2. 根据 先上 后下 先左 后右的原则找到目标单元格 然后写上 合并方式 还有 要合并的单元格数量 比如 ： <td colspan="3"> </td>
3. 删除多余的单元格 单元格
8.列表标签
①<ul></ul> 无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
②<ol></ol> 有序列表
<ol>
<li></li>
<li></li>
<li></li>
</ol>
③<dl></dl> 自定义列表
<dl>
<dt>头</dt>
<dd></dd>
<dd></dd>
<dt>头</dt>
<dd></dd>
<dd></dd>
</dl>
9.表单
①input控件
<input type="input类型" value="值" name="属性" checked="是否选中">
②textarea文本域
<textarea name="" id="" cols="30" rows="10"></textarea>
③select下拉列表
<select name="" id="">
<option value="">选项1</option>
<option value="">选项2</option>
<option value="">选项3</option>
</select>
④form表单域 收集表单中的数据
<form action="提交url地址" method="提交方式" name="表单名称" >
</form>
⑤.request必填项
<input type="text" required name="" id="">
⑥.placeholder占位符
<input type="text" placeholder="我是提示符">
⑦.autofocus自动获取焦点
<input type="text" autofocus>
⑧.multiple可以多选文件提交
<form action="">
<input type="file" multiple>
</form>
10.语义化标签
header 头部标签
nav 导航标签
article 内容标签
section 块级标签 （块级标签 啥意思？ ）
aside 侧边栏标签
footer 尾部标签
11.多媒体标签
①音频标签audio
<audio id="" src="url地址" loop="是否循环" controls="是否显示控件" poster="" name="音频名字" author="作者名字"
binderror="" bindplay="" bindpause="" bindtimeupdate="" bindended="">
</audio>
②视频标签video
<video class="" src="url地址" initial-time="0" autoplay="是否自动播放" loop="是否循环" muted="false" direction="0"
bindplay="" bindpause="" bindended="" bindtimeupdate="" bindwaiting="" binderror="">
</video>
发表评论