HTML快速入门

最新推荐文章于 2024-11-03 17:22:51 发布

原创最新推荐文章于 2024-11-03 17:22:51 发布 · 154 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#大前端 #HTML #html5

前端—Vue+TS+ElementUI+Vite 专栏收录该内容

24 篇文章

订阅专栏

本文详细讲解了网页基本标签（如<h1>至<h6>）的使用，图像和超链接标签，列表和表格结构，以及表单元素和POST/GET提交。涵盖了从基础HTML标签到表单验证的基础知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网页基本标签

技巧：输入字母后按住table健

<!--标题-->
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<!--段落-->
<p></p>
<!--换行-->
<br>
<!--水平线-->
<hr/>
<!--粗体-->
<strong></strong>
<!--斜体-->
<em></em>
<!--空格-->
&nbsp;
<!--特殊符号-->
&gt;
&lt;
&copy;

图像标签

超链接标签

功能性链接：点击在线咨询等，比如联系qq

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>

锚连接：跳转顶部、跳转到底部、跳转到指定标题目录（a标签用name标记锚，使用#跳转到锚

<!--1. 建立锚点的元素必须要有id或name属性，最好两个都有-->
<!--2. 锚点超链接一定包含井号"#",锚点超链接都在链接的最末端，具体看后面例子-->

<!--3. 同一个页面不同部分的跳转，锚点的写法-->
<!--目标元素：-->
<p id="test"></p>
<!--锚点超链接：-->
<a href="#test"></a>

<!--4. 不同页面跳转，同时存在锚点-->
<!--目标元素：-->
a.html页面的<div id="test"/>   
<!--锚点超链接：-->
<a href="a.html#test"></a>
<!--先跳到a.html页面，然后再寻找id=test的元素-->

<!--5. 不同页面带参数跳转，同时存在锚点-->
<!--目标元素:a.php?p=abc页面的-->
<div id="test"/>   
<!--锚点超链接-->
<a href="a.php?p=abc#test"></a>