HTML基础知识点扫盲
- 在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭,即使是空元素。例如空元素
<br>
要写成<br/>
,不能不闭合。 <hr/>
定义一条水平线- HTML格式化
- HTML链接:
<a>
:-
默认情况下,链接将以以下形式出现在浏览器中:
- 一个未访问过的链接显示为蓝色字体并带有下划线
- 访问过的链接显示为紫色并带上下划线 点击链接时
- 链接显示为红色并带上下划线
-
利用下面这段代码可以连接到另一个页面的id = tips的地方去。
-
<a href="//www.w3cschool.cn/html_links.html#tips"> Visit tips</a>
3.始终将正斜杠添加到子文件夹。假如这样书写链接:href="//www.w3cschool.cn/html"
,就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="//www.w3cschool.cn/html/"
。所以写的时候就用第二种方式,防止访问请求两次。
4.<a>
标签traget属性详解
5.<a>
标签设置邮件电话信息等
<head>
元标签下的<base>
:
<head>
<base href="//www.w3cschool.cn/images/" target="_blank">
</head>
<base> 标签描述了基本的链接地址/链接目标,该标签作为 HTML 文档中所有
的链接 规定默认地址或默认目标(target):例如上面所有的图片都已href里面
的路径为相对路径,同时点击时会在新窗口打开。
<meta>
标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。<meta>
标签始终位于 head 元素中。元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。- 使用
<img>
标签定义 HTML 页面中的图像。<img>
标签有两个必需的属性:src和alt。alt就是当图像破损时显示的文字。注意与title的区别。 - 可以与
<map>
标签一起使用,例如以下代码:
<img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" target="_blank" alt="Sun" href="/statics/images/course/sun.gif">
<area shape="circle" coords="90,58,3" target="_blank" alt="Mercury" href="/statics/images/course/merglobe.gif">
<area shape="circle" coords="124,58,8" target="_blank" alt="Venus" href="/statics/images/course/venglobe.gif">
</map>
这样在点击图片上map指定的区域,会跳转到相应的地方。
<table>
标签
1. 在表格中,如果不定义边框属性,表格将不显示边框。
2. 如果要将两个或多个列合并为一个列,将使用colspan属性
3. 如果要合并两行或更多行,则将使用rowspan属性。
4. 可以将表格分为页眉、正文、页脚,即使用<thead>,<tebody>,<tfoot>
,注意:<thead>
和<tfoot>
标签应出现在<tbody>
之前:
5. Cell padding属性可以创建单元格内容与其边框之间的空白
6. Cell spacing 增加单元格之间的距离
7.<capition>
可以创建一个标题- 以下例子可以实现点击文字也能选中复选框
<input type="radio" name="sex" id="sex" value="male"><label for="sex">Male</label>
<iframe>
标签规定一个内联框架。
一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
iframe语法:
<iframe src="URL"></iframe>
该URL指向不同的网页。将窗口内容显示为URL地址指向页面。
- iframe可以显示一个目标链接的页面,目标链接的属性必须使用iframe的属性,如下实例:
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3cschool.cn" target="iframe_a">W3CSCHOOL.CN</a></p>
当点击p标签里面的链接之后,iframe框架里面的内容会跳转到W3Cshool。