HTML思维导图及部分标签使用

HTML思维导图及部分标签使用

什么是HTML？
HTML是超文本标记语言 (Hyper Text Markup Language)
用于描述网页的展示结构（相当于骨架，一个人整体是否好看，首先就取决于他的身体基础，同理做网页也是，首先要把基础打好了一个网页才可能会好看）

HTML文本格式

图片标签

<img src="">

音频标签

<audio src="">

视频标签

<video src="">

文件路径：

• 绝对路径：从盘符描述文件路径，路径+文件的名称
• 相对路径：当前文件和目标文件的相对路径位置

表格标签

Table ----表格
Tr ----表行
Th ----表头
Td -----表元
表单
一般与标签连用

<form>
<input type="text">
</form>

文本框

列表
1.无序列表

<ul>
<li></li>
<li></li>
<li></li>
</ul>

2.有序列表

<ol>
<li></li>
<li></li>
<li></li>
</ol>

3.自定义列表

 <dl>
	<dt></dt>
	  <dd></dd>
	<dt></dt>
	  <dd></dd>
</dl>

链接标签
可用a标签

<a href=""></a>

或在form表单中使用action属性进行跳转

<form action="url">
</form>

get请求：会将name属性的值暴露在地址栏上，不安全。
post请求：不会讲name属性的值暴露在地址栏上。
a标签跳转和action跳转默认为get请求，可加入method=“post”改成post请求。
框架
一个页面显示多个窗口
4.0 frameset多窗口
iframeet标签不能和body标签连用

<frameset rows="15%,*,15%">
	<frame src="2.html"></frame>
	<frameset cols="25%,*">
	<frame src="3.html"></frame>
	<frame src="4.html"></frame>
	</frameset>
	<frame src="6.html"></frame>
</frameset>