HTML基本标签

注意：空内容标签是指开始和结束在一起的标签，如

<br/>

,HTML标签大小写不敏感，但推荐使用小写标签

1. h标题

2. p段落

3. a超链接 target=”_blank”重新打开一个页面，我们也可以通过锚来定位页面内的元素，具体做法是：href=”#tips”其中tips是name名，如果找不到锚，就会直接跳转到页面顶端

4. img图片，我们可以设置alt设置未加载成功的时候，显示的文字

5. 空内容标签

6.

<hr/>

水平线

7.

<br/>

换行

8. q双引号包裹里面的文字

9. blockquote对段落进行缩进处理

10. code代码格式处理

11. var数学变量

12.

<link rel="stylesheet" type="text/css" href="mystyle.css">

13. table表格 th表头 td每一个单元格

14. ul无序列表 ol有序列表 dl定义列表

15. .xxx是为一个类设置属性 #xxx是为一个id设置属性 不写任何符号，直接div.background-color则是直接给所有的div设置属性

16. 下面是定义一个框架，包含了两个框架内容，其中第一个占比百分之25，另一个占比75的宽度，我们可以使用cols或者rows来设置是垂直还是水平分割的框架，同时还可以设置noresize来让其不能拖动设置大小

<frameset cols="25%,75%">
<frame src="frame_a.htm" noresize="noresize">
<frame src="frame_b.htm">
</frameset>

17.内联框架：iframe，他用于在网页内显示的框架，我们可以通过

<a>

标签的target来设置用这个iframe来打开一个网页。

18.我们通过

<script>

来引用一段script脚本，但值得注意的是，如果浏览器不支持script，我们可以用

<noscript>

来标记不支持的出错。如果一些非常旧的浏览器压根不支持script，那么我们可以使用

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

这种注释方式来标记我们的javascript，新的浏览器解析到script的时候，会执行注释内的语句，而旧的浏览器则会忽略

19.selected是下拉选项，其中他的子元素是option，如果设置为

<option value="fiat" selected>Fiat</option>

则会默认选中这个选项

20.textarea是文本域

21.datalist是带有提示列表的输入框

<form action="action_page.php">
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
</form>

22.时间选择框

<input type="date" name="bday" min="2000-01-02">

23.颜色选择框

<input type="color" name="favcolor">

24.滑块选择某个值的大小

<input type="range" name="points" min="0" max="10">

25.年月选择框

<input type="month" name="bdaymonth">

26.周选择框

<input type="week" name="week_year">

27.时间选择框

<input type="time" name="usr_time">

28.带有时区的选择框

<input type="datetime" name="bdaytime">

29.在我们上述提到的input控件中，设置value属性将会设置输入字段的初始值。

30.readonly将会设置其为只读无法修改的控件