HTML盲点总结

最新推荐文章于 2023-02-16 10:28:32 发布

中南滴水哥

最新推荐文章于 2023-02-16 10:28:32 发布

阅读量694

点赞数 1

分类专栏：前端文章标签： 1024程序员节 html html5 css3 javascript

本文链接：https://blog.csdn.net/qq_43742385/article/details/109265388

版权

前端专栏收录该内容

54 篇文章 2 订阅

订阅专栏

HTML基础知识点扫盲

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭，即使是空元素。例如空元素<br>要写成<br/>，不能不闭合。
<hr/>定义一条水平线
HTML格式化
HTML链接:<a>:
1. 默认情况下，链接将以以下形式出现在浏览器中：
  - 一个未访问过的链接显示为蓝色字体并带有下划线
  - 访问过的链接显示为紫色并带上下划线点击链接时
  - 链接显示为红色并带上下划线
2. 利用下面这段代码可以连接到另一个页面的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。

<noscript>定义了不支持脚本浏览器输出的文本
HTML实体参考手册：参考手册
URL(统一资源定位器)：
HTML速查列表

中南滴水哥

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML盲点总结

HTML基础知识点扫盲
复制链接

扫一扫

专栏目录

HTML盲点总结

HTML基础知识点扫盲

“相关推荐”对你有帮助么？