html笔记

1.HTML规范：
(1)所有标签必须小写
(2)所有属性的值必须用引号引起来，属性与属性之间空格隔开
(3)双标签闭合，单标签省略闭合

2.段落、换行、实体字符：

(1)标题标签，h标签可以在网页上定义6种级别的标题
<h1></h1> <h2></h2> ····<h6></h6>

(2)段落标签：<p>内容</p> p标签会将内容(text)写成一段，下一段将自动与第一段形成间距和换行

(3)强制换行标签：

(4)实体字符
&nbsp; 相当于一个英文的空格
&lt;、&gt; 大于号、小于号
&copy 版权商标

3.块元素和块标签

(1)块标签特点：独占一行，会自动换行，
块标签: <p></p>、<h1-h6></h1-h6>、<div></div>:没有默认样式的块标签
行内标签:加粗:样式:<b></b>、语义：<strong></strong>
倾斜:样式<i><i>、语义：<em><em>
删除线：<del></del>
下划线:<u></u>
没有样式的行内标签：<span></span>
<a></a>

4.锚点和链接标签:
(1)图片标签：属性src、alt属性、title属性

alt属性是对图片的介绍，在图片加载失败的时候替代图片

<img src="" alt="" title=""></img>

(2)链接标签：
可以是跳转到本页面、也可以跳转到其他文件
可以跳转到本地文件地址,可以跳转到网页
<a href=""></a>
跳转并打开新窗口
<a href="" target="_blank"></a>

(3)利用锚点进行跳转:
eg:
加id属性–>打锚点
<div style=“height:500px” id=“item4”></div>

根据id跳转，使用【文件路径#+id】进行选择
<a href=“1.html#item4”>点击</a>

5.列表
无论ul还是ol直接子元素必须是<li></li>
(1)有序列表:
<ol></ol>有属性type和start，

其中type是标号的类型，内置的基本类型有:
1、2、3—>默认类型,

a|A、b|B、c|C—>type=“a”|type=“A”,

i|I、ii|II、iii|III—>type=“i”|type=“I”

start表示起始的标号,属性值只能填写1,2,3,4·····，将自动对应到type

(2)无序列表(最常用)
<ul></ul>

(3)自定义列表：<dl></dl>直接子元素是<dt></dt>–>列表项标题，顶格显示，<dd></dd>前面空格

6.表格
基本格式：
<table>
<tr>行标签，设置一行
<th></th>列标签，某一行上加上一列，样式默认居中,加粗
<td></td>列标签，某一行加上一列，不居中、不加粗
</tr>
</table>

表格的属性：
<table></table> 申明一个表格
border：设置边框
cellpadding:设置单元格与内容的间距
cellspacing:设置单元格与单元格之间的间距

<tr></tr>：行
<td></td>、<th></th>：列
align:设置水平对齐方式 默认靠左 center left right
v-align:设置垂直对齐方式 默认居中 top bottom middle
注意：给table设置align的时候会导致表格居中，不是多有表格内容居中
colspan:水平合并
rowspan:垂直合并

7.表单(行内标签)
<form></form> 声明一个表单域，表单域内的子标签必须要有name属性
表单下的直接子标签最好以下,value属性就是框的值
(1)文本输入框：<input type=“text” name="">
(2)密码输入框：<input type=“password” name="">
(3)单选框:<input type=“radio” name="" value="">-------->注意：一组单选框的name必须一致，如果不一致无法实现单选效果
(4)多选框:<input type=“checkbox” name="" value="">-------->注意：一组多选框的name必须一致,checked属性将定义默认选中的值
(5)文件框：<input type=“file” name="">
(6)文本域：<textarea>
(7)下拉选框:
两组标签实现:
<select>
<option value></option>
</select>
(8)隐藏域：
<input type=“hidden” name=“id” value="">
(9)按钮
在form标签里面：
<input type=“submit” value=“提交”>
<button>
这两个都可以用于提交数据，在外面就不可以了

<input type=“button”>这个标签没有提交数据的意思，只是单纯的按钮

(10)重置按钮:
<input type=“reset” value="">

8.表单的属性

form属性：
<form action=“提交地址” method=“GET”|“POST”>
(1)当有文件上传的时候还需要加上 enctype=“mutipart/form-data” 将文件转码
(2)placeholder属性，提示信息
(3)disable、readonly设置只读
(4)图片按钮：src属性
<input type=“image” src="">
(5)<label>
密码： <input type=“password” name=“pwd”>
</label>
点击标签内部的内容光标自动定位到输入框内部