前端HTML篇

一、标题标签

h1最大（主标签，最重要的），
h6最小(正确使用标题有益于SEO)

<h1>一级</h1>
<h2>二级</h2>
<h3>三级</h3>
<h4>四级</h4>
<h5>五级</h5>
<h6>六级</h6>

生成h1-h6快捷方式：h$*6

标题标签位置摆放,设置属性：
align=“left | center | right” 默认居左

二、段落，换行，水平线标签

段落p标签，换行br标签，水平线hr标签
水平线四个属性：
①color：设置水平线颜色
②width：设置水平线宽度
③size：设置水平线高度
④align：设置水平线对齐方式

三、图片标签

img标签定义html页面中的图像，它是单标签

四个属性：
①src：路径
②alt：设置图像的替代文本（图像未加载成功时出现）
③width：设置图像的宽度
④height：设置图像的高度
⑤title：鼠标悬停在图片上给与提示

路径(绝对，相对，网络)：
相对路径：
父级： …/
子级：/
同级： ./（可以省略）

四、超文本链接

使用a标签来设置超文本链接

<a href="#">去这里</a>
<a href="#">
    <img src=""> /*可以是图片，文字*/	
</a>

属性：
a标签中使用href属性来描述链接地址

五、文本标签

<em>            /*定义着重文字*/
<b>            /*定义粗体文本*/
<i>            /*定义斜体字*/
<strong>            /*定义加重语气*/
<del>            /*定义删除字*/
<span>            /*没有特定含义*/

六、有序列表，无序列表

有序列表ol<ol><li></li></ol>
type属性：
①1 表示列表项目用数字标号（1，2，3…）
②a 表示列表项目用小写字母标号（a，b，c…）
③A 表示列表项目用大写字母标号（A，B，C…）
④i 表示列表项目用小写罗马字符标号（i，ii，iii…）
⑤I 表示列表项目用大写罗马字符标号（I，II，III…）

有序列表嵌套：

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

无序列表ul（同样可以嵌套）
<ul><li></li></ul>
type属性：
①disc 表示列表项目用实心圆
②circle 表示列表项目用空心圆
③square 表示列表项目用小方块
④none 表示不显示
快捷键：ul>li*n

七、表格，单元格合并

表格标签：table
行：tr
单元格（列）：td

<table>
	<tr>	
		<td></td>
	</tr>
</table>

n行m列快捷键：
table>tr星号n>td星号m{文本}
单元格合并：
colspan=" 数字":水平合并，保留左，删除右
rowspan=“数字”:垂直合并，保留上，删除下

八、form表单，表单元素

表单在网页中用来给用户填写信息，从而能采用用户信息，进行交互。如，登陆注册，搜索框。

<form action="url" method="grt|post" name="myform"></form>

属性：
①action：服务器地址
②name：表单名称
get和post区别：
①数据提交方式，get提交的数据url可以看见，post看不见
②get一般用于提交少量数据，post用来提交大量数据
表单元素：
①表单标签
②表单域
③表单按钮

<form>
	用户名：<input type="text">
	密码：<input type="password">
	清除按钮：<input type="reset" value="reset">
	提交按钮：<input type="submit" value="submit">
</form>

九、块级元素，行内元素

块级元素	内联元素
块元素会在页面独占一行（自上向下垂直排列）	行内元素不会独占一行，只占自身大小
可以设置width，height属性	行内元素设置无效
一般块级元素可以包含行内元素和其他块级元素	一般内联元素包含内联元素，不包含块级元素

常见块级元素：
div，form，h1-h6，hr，p，table，ul等
常见内联元素：
a，b，em，i，span，strong等
行内块级元素（不换行，能识别宽高）：
button，img，input等

十、h5新增标签

①header /header：头部
②nav /nav：导航
③section /section：定义文档中的节，如章节，也没，页脚
④aside /aside：侧边栏
⑤footer：脚部
⑥article /article：代表一个独立完整的县官内容块，例如一篇完整论坛帖子，一篇博客文章，一个用户评论