[HTML] - 基础 - 1

1 基本结构:

<!DOCTYPE HTML>

<html>

<head></head>

<body></body>

</html>

2 head:

<head>

<title></title>

<meta>

<link>

<style></style>

<script></script>

</head>

3 语义化

1)容易被搜索引擎理解、收录(SEO)

2)屏幕阅读器读出内容

4 标签

1)<p></p>

2) <hx></hx>

3) <em></em> <strong></strong>

4) <span></span> (没有语义,只是作为单独的样式)

5) <q></q> <blockquote></blockquote>

6) <br /> (写法:xhtml1.0,空标签:<hr />, <img />,<input />)

7) &nbsp;

8) <hr />

9) <address></address>

10) <code></code> <pre></pre>

11) <ul><li></li></ul> <ol><li></li></ol>

12) <div></div> 作为一个容器,区分一个逻辑部分

13) <table summary=””>

<caption></caption>

<tbody>

<tr>

<th></th>

</tr>

<tr>

<td>

</td>

</tr>

</tbody>

</table>

(tbody 加载完毕显示全部,summary-语义)

14) <a href=”” title=”” target=”_blank”></a>

15) href=”mailto:yy@gmail.com?cc=&bcc=&subject=&body=”

16) <img src=”” title=”” alt=”” />

17) <form method=”” action=””></form>

19) <input type=”” name=”” />

20) <textarea cols=”” rows=””></textarea>

21) <select><option></option></select>

22) type=”submit” type=”reset”

23) <label for=””></label> (和对应input的id值相同)