标签:lock block get 下划线 title 文字 class 包括 row
元素是指开始标签到结束标签之前的所有代码,如:
1 <p>this is my page!</p> 2 <!-- 下面的可以称为空元素 --> 3 <br/>
大多数的HTML元素都是可以进行嵌套的。
属性是指为元素提供更多信息的以键值对的形式存在的数据,如:
1 <!-- 下面的属性herf描述了超链接的去向,而target描述了超链接的打开方式 --> 2 <a href="http://www.cnblogs.com/" target="_blank">博客园</a>
大多数的标签都存在通用的属性,如:
格式化标签是用来修饰指定文本的标签,如下常用标签:
样式有下面3种类型:
定义在外部css文件中,通过代码引入当前页面:
<link rel="stylesheet" type="text/css" href="style.css"></head>
直接就在当前页面里写入样式代码:
<style type="text/css"> h1 { color: blue; } </style>
直接写在目标元素上仅针对当前元素的样式代码:
<h1 style="color: brown; font-size: 50px;">this is a title</h1>
更多的样式知识我们会在下一节进行学习。
<a href="http://www.baidu.com/" target="_blank">跳转到百度</a>
通过href来指定跳转到的地址,target指定跳转的类型,如下:
指定框架,当框架设定了名称时,如:
<frameset cols="100,*"> <frame src="toc.html"> <frame src="pref.html" name="view_frame"> </frameset>
可以指定对应的框架载入对应的页面:
<h3>Table of Contents</h3> <ul> <li><a href="pref.html" target="view_window">Preface</a></li> <li><a href="chap1.html" target="view_window">Chapter 1</a></li> <li><a href="chap2.html" target="view_window">Chapter 2</a></li> <li><a href="chap3.html" target="view_window">Chapter 3</a></li> </ul>
另外有4个保留的目标名称用作特殊的文档重定向操作:
提示:这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。
内部连接用来控制当前页面的滚动,可以使文档滚动到指定的锚点:
<a href="#tips">滚动到提示</a> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <h1><a name="tips">提示</a></h1>
HTML中可以通过简单的标记来编写一个表格:
<table border="1"> <caption>单元格标题</caption> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> </table>
<ul> <li>苹果</li> <li>香蕉</li> <li>菠萝</li> </ul>
<ol> <li>苹果</li> <li>香蕉</li> <li>菠萝</li> </ol>
<ul> <li>手机</li> <ul> <li>华为</li> <ul> <li>低端机</li> <li>高端机</li> </ul> <li>小米</li> <ul> <li>低端机</li> <li>高端机</li> </ul> </ul> <li>电脑</li> <ul> <li>联想</li> <ul> <li>低端机</li> <li>高端机</li> </ul> <li>东芝</li> <ul> <li>低端机</li> <li>高端机</li> </ul> </ul> </ul>
需要注意的是,有序及无序列表也支持嵌套。
<dl> <dt>手机</dt> <dd>华为</dd> <dd>小米</dd> <dt>电脑</dt> <dd>联想</dd> <dd>东芝</dd> </dl>
自定义列表没有额外的列表项装饰符号。
包括:<h1>~<h6>、<p>、<ul>等,通常会以新行开始;
<b>、<a>、<img>等,不会以新行开始;
通常称为块元素,用来组合其它元素的容器,该元素默认以新行开始。div元素本身不会对其包含的元素进行任何的格式化,需要配合样式表使用,默认的display属性是block。
span元素和div元素一致,唯一的不同是该元素是内联元素,不会以新行开始,默认的display属性是inline。
标签:lock block get 下划线 title 文字 class 包括 row
原文地址:http://www.cnblogs.com/hammerc/p/5972044.html