HTML的视频教程
HTML文字教程
HTML 标签标题
通过<h1> – <h6> 定义标题，标题依次递减，为块级元素（可以自动换行）。
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
注意
：尽量减少使用h1标签，防止被搜索引擎捕获。
HTML 段落标签
通过标签 <p> 来定义，为块级元素（可以自动换行）。
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
HTML 换行标签
通过<br>或者<br/>来定义，为单标签。
<p>这个<br>段落<br>演示了分行的效果</p>
HTML水平线标签
通过<hr>来定义，为单标签。
<hr width="10%" size="3" color="red" align="left">
常用属性
color 颜色
size 粗细
width 长度（百分比或者px)
align 对齐方式
HTML列表
- 无序列表
<ul>
<li> aaaaa </li>
<li> bbbbb </li>
</ul>
注意
：ul有三种设置 circle disc square
e.g. <ul type=”disc”>
浏览器显示如下：
- aaaaa
- bbbbb
2 . 有序列表
<ol>
<li> aaaaa </li>
<li> bbbbb </li>
</ol>
注意
：默认为阿拉伯数字，可以通过定义type来进行更改。
HTML中的a标签
1.链接中href属性
超链接标签，用于链接到一个新的URL
<a href="url">链接文本</a>
2.链接中的target属性
使用 target 属性，你可以定义被链接的文档在何处显示。
_self:当前窗口打开
_blank:在空白窗口打开
<a href="http://wwww.baidu.com" target="_blank">百度</a>
注意
：a标签的name属性值<a name=”top”></a>
其他的id属性值 <div id=”top”></div>
错点的使用 <a href=”#top”></a>
HTML中的img标签
向网页中嵌入一张图标
<img src="img/timg.jdp" width="500" height="500">
常用属性：
src:需要引入的图片的地址（必须属性）
alt：当图片破损或不存在时，显示文本的内容
title：当鼠标悬停在图片时显示的文本
width：图片的宽度
height:图片的高度
border:图片边框
HTML中的表格标签
<table> 表格<tr> 行 <th> 表头（字体居中，加粗效果）
<table width="400px" align="center border="1">
<tr>
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
</table>
table的属性
width 表格宽度
border 边框
align 对齐方式
HTML中的form标签
表单标签，块级元素，会自动换行
将数据传递给服务器
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
常用属性
action 表单提交的地址
id 唯一标识
name 名字
target 表单的提交打开方式
method 提交方式
-
get请求
参数会直接跟在URL后面，用问号拼接
安全性差，传递数据量小，传递效率高
-
post请求
参数不会放在URL后面，会放在请求体中
安全性高，传输数据大，速度相对慢，无缓存
HTML中的input标签
input元素
<from action="#" method="get" id="myform" name="myform">
First name:<input type="text" name="firstname" value=""/><br>
Last name:<input type="text" name="lirstname" value=""/><br>
<input type="submit" value="提交"/>
</from>
type 表单元素类型
text文本框 radio单选框(需要设置一组相同的name属性） password 密码框 checkbox复选框 button 普通按钮 hidden 隐藏域（用来存放需要传递给服务器的，但不需要显示的数据）file文件域
date时间框 submit 提交按钮 reset重置按钮 image图片按钮（提交按钮）
value 表单元素值
checked 是否选中（单选框/复选框）
disabled 是否禁用 maxlength 允许输入的最大字符
注意
：表单元素需要设置name值，否则无法传递