HTML
1.初识
1.渲染引擎（内核）：对代码解析渲染的部分
不同浏览器解析代码的速度、性能、效果也不一样
如何让在不同厂商的浏览器打开效果一样
2. web标准：Html 网页结构(把东西放上去)
CSS表现(样式变化)
JavaScript行为（动态交互）
2.HTML
2.1标签学习
-
超文本标记语言
eg:
<strong>这个是较粗的吗</strong>//注意/结束
-
结构
<html> <head> <title>.....</title> </head> <body> ..... ..... </body> </html> -
快捷键
ALT打开网页，Ctrl /注释 -
嵌套，兄弟关系
-
标题
h1，h2， -
段落
p -
换行
<br> -
水平线
<hr>
9
-
图片标签
<img src="" alt="" title="" weight="" height="">属性名=“图片名字 ”
标签上可以有多个属性，标签名和属性之间必须以空格隔开属性之间没有顺序之分
alt是替换文本(图片加载失败时)title是悬停时使用weight, height一个变另一个等比变化 -
路径
绝对路径：通常从盘符开始/完整的网络地址
相对路径：从当前文件出发找目标文件
同级目录
<img src="文件名"> 或<img src="./文件名">下级目录
<img src="文件夹名/文件名">上级目录
<img src="../文件名">
<img src="../文件夹名/文件名"> -
音频
<audio src="" controls autoplay loop></audio >部分不支持自动播放
支持MP3、War、Ogg
-
视频同音频
<video src="11.17.mp4" controls autoplay muted loop></video>
谷歌视频加muted才可以用自动播放
-
超链接
<a href="bilibili.com/"></a> -
空链接
<a href="#"></a>.
2.2列表
- 无序列表
<ul>
<li></li>
</ul>
ul标签中只允许嵌套li标签
li标签中可以嵌套任意内容
- 无序列表
u换成o；
- 自定义列表
<dl>
<dt>jj</dt>
<dd>dd</dd>
<dd>kkk</dd>
</dl>
2.3表格
-
table整体，包裹trtr行，包裹tdtd格，包裹内容
<table border="1" width="600" height="4">
<tr>
<td>name</td>
<td>score</td>
<td>word</td>
</tr>
<tr>
<td>name</td>
<td>score</td>
<td>word</td>
</tr>
</table>
width height一般在css上设置
- 表格标题和表头单元格标签
<table border="1">
<caption><strong>成绩单</strong></caption>
<tr>
<th>name</th>
<th>score</th>
<th>word</th>
</tr>
<tr>
<td>张三</td>
<td>100</td>
<td>6</td>
</tr>
</table>
<table border="1">
<caption><strong>成绩单</strong></caption>
<thead>
<tr>
<th>name</th>
<th>score</th>
<th>word</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>100</td>
<td>6</td>
</tr>
</tbody>
<tfoot>
<td>总结</td>
<td>hh</td>
<td>999</td>
</tfoot>
</table>
- 合并单元格
<td rowspan="2”>张三</td>
同一个结构的单元格才可以合并
- 表单标签
文本框：<input type="text"> <br>
密码框：<input type="password"> <br>
单选框：<input type="radio"> <br>
多选框：<input type="checkbox" name="" id="">
上传：<input type="file"> <br>
提交：<input type="submit"><br>
重置：<input type="reset"><br>
普通：<input type="button"><br>
提示输入（占位符）文本框：<input type="text" placeholder="输入"> <br>
单选加默认的实现：
<input type="radio" name="2">女；
<input type="radio" name="2" checked>男；
多选加默认的实现：<input type="checkbox" checked>
多选上传文件：<input type="file" multiple>
提交和重置要想用就要写预标签：
<form action="">
<input type="text"><br>
<input type="password"><br><br><br><br>
<input type="submit"><br>
<input type="reset"><br>
<input type="button" value="">
</form>
<button></button>
<button type="submit"></button>
<button type="reset"></button>
<button type="button"></button>
下拉菜单和默认设置：
<option value=""> 北京</option>
<option value="" selected>广州</option>
文本域：<textarea name="" id="" cols="30" rows="10"></textarea>
lable标签：
<input type="radio" name="1" id="2"> <label for="2">男</label>
<!-- <input type="radio" name="1"> 女 -->
<label><input type="radio" name="1">女</label>
2.5语义化标签
无语意
<div>ddddd</div>
<div>ddddd</div>
<span>ddd</span>
<span>ddd</span>
有语意
手机网页用(了解）
2.6字符实体
网页只识别一个空格
可以得到更多空格
2255
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
