HTML学习随笔

重要：很多标签都是可以通过div+css实现，但是要了解其中的语意，你用这个标签是你想表达的意思就是这个语意，否则用css实现，例如：<hr>语意是一条水平分割线，除非你是真想分割，否则不要用它，如果只是想要一条线，可以用css实现。

标签：

h1~h6:h1一个页面最好只写一个，h1~h6不能相互嵌套。

p:p不能嵌入h1~h6，p标签

a:具有href属性的才是超链接（href如果是tel、mailto、sms分别是打电话、发邮件、发短信），具有name属性的是锚点，a标签还有alt、download等属性；当跳到锚点的时候，不指定具体id的标签，则是刷新页面，例如

<a href="">刷新页面</a>

table:border可以控制表格的外边框和单元格边框宽度，但是用这个属性时单元格的边框宽度不能超过1px.

th/td：跨行属性rowspan,跨列属性colspan。

块级元素：p、h1~h6、div，特点是独占一行。

行内元素：input，特点是不独占一行。

规则：

1、块级元素内能写块级元素和行级元素；

2、行内元素能写行内元素，但是不能写块级元素；

3、h1~h6不能相互嵌套；

4、p标签不能写块级元素；

5、a标签虽然是行内元素，但是可以包裹所有标签，但不能包含其他a标签

表单控件：

<input>:

type属性的值又如下：

text:普通文本,value可以不默认

radio:单选框，value要有默认值，checked是默认勾选的意思

checkbox:复选框，value要有默认值，checked是默认勾选的意思

hidden：隐藏域

submit:按钮

<button>：

type的属性的值:

submit:提交

reset：重置

button:普通按钮

<textarea>：文本域

<select>:选择框,<option>:选择项，selected是默认选择。

<label>：标签，可以跟其他表单控件关联从而获取焦点，例如

<label for="text">测试：</label>
<textarea id="text" name="t" cols="5" rows="5"></textarea>
或者
<label>测试：
<textarea id="text" name="t" cols="5" rows="5"></textarea>
</label>

<iframe>:框架标签，可以和target属性配合跳转（a标签和form标签都有target属性），frameborder属性是框架边框

<form action="https://search.jd.com/search" target="goJD">
    <input type="text" name="keyword">
    <button>去京东搜索嵌入iframe</button>
</form>
<iframe name="goJD" width="300" height="200"></iframe>