HTML基本标签

来源:互联网 发布:淘宝卖医疗器械 编辑:程序博客网 时间:2024/06/16 06:41

注意:空内容标签是指开始和结束在一起的标签,如<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将会设置其为只读无法修改的控件

原创粉丝点击