整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
链接标签是HTML页面中最为常见，而且用途最广的一个标签，只要我们浏览网页，就会有超链接。比如，通过点击新闻标题链接到新闻详情页面，通过点击商品名称链接到商品列表或者详情页等等。
anchor ， 锚
在HTML中创建超链接，只需用a标签包括被链接的对象
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href：用于指定链接目标的url地址，必须属性
target：用于指定链接页面的打开方式，其取值有 self和 _blank两种，其中 _self为默认值，_blank为在新窗口中打开方式
（1）当需要链接到 外部链接时，需要添加 http://
（2）当需要内部链接时，直接链接内部页面名称即可 如 < a href=“index.html”> 首页
（3）如果暂时没确定链接目标时，一般将href属性值定义为“#”，表示暂时为一个空链接
（4）不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链 接， 只要用a标签包括即可
在当前html页面上，通过创建锚点链接，用户能够快速定位到指定内容。
适用于内容较多的页面，通过点击关键词，可以快速到达指定区域。
（1）使用唯一的id标注目标位置
（2）使用<a href="#id名“>链接文本创建链接
在html页面中，有些符号直接添加是无法正常显示的，这个时候就用一些特殊的标签来表示这类符号，而这类特殊的标签，我们就叫做特殊字符标签。
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
新建一个test.html文件，内容如下
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一个标题</h1><p>我的第一个段落。</p> </body></html>其中：
保存后运行，即可在浏览器中打开如下界面
3.1 标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>这是标题 1</h1><h2>这是标题 2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6> </body></html>3.2 段落
HTML 段落是通过标签 <p> 来定义的
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <p>这是一个段落。</p><p>这是一个段落。</p><p>这是一个段落。</p> </body></html>3.3 链接
HTML 链接是通过标签 <a> 来定义的
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <a href="https://blog.csdn.net/zong596568821xp">这是一个链接使用了 href 属性</a> </body></html>3.4 图像
HTML 图像是通过标签 <img> 来定义的。注意： 图像的名称和尺寸是以属性的形式提供的。
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <img src="zongxp.jpg" width="640" height="640" /> </body></html>3.5 表格
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 <th> 标签进行定义。如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。使用边框属性来显示一个带有边框的表格：
<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr></table>4.1 基本文档
<!DOCTYPE html><html><head><title>文档标题</title></head><body>可见文本...</body></html>4.2 基本标签
<h1>最大的标题</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的标题</h6> <p>这是一个段落。</p><br> （换行）<hr> （水平线）<!-- 这是注释 -->4.3 文本格式化
<b>粗体文本</b><code>计算机代码</code><em>强调文本</em><i>斜体文本</i><kbd>键盘输入</kbd> <pre>预格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong> <abbr> （缩写）<address> （联系信息）<bdo> （文字方向）<blockquote> （从另一个源引用的部分）<cite> （工作的名称）<del> （删除的文本）<ins> （插入的文本）<sub> （下标文本）<sup> （上标文本）4.4 链接
普通的链接：<a href="http://www.example.com/">链接文本</a>图像链接： <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>邮件链接： <a href="mailto:webmaster@example.com">发送e-mail</a>书签：<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>4.5 图片
<img src="URL" alt="替换文本" height="42" width="42">4.6 样式/区块
<style type="text/css">h1 {color:red;}p {color:blue;}</style><div>文档中的块级元素</div><span>文档中的内联元素</span>4.7 无序列表
<ul> <li>项目</li> <li>项目</li></ul>4.8 有序列表
① B/S架构：Browser/Server（浏览器/服务器的交互形式。）
② C/S架构：Client/Server（客户端/服务器的交互形式。）
① 什么是HTML？② 怎么开发HTML？③ 怎么运行HTML?
•由大量的标签组成，每一个标签都有开始标签和结束标签。
•超文本：图片、声音、视频等
•编辑器有：HBuilder、vscode等
③ 直接采用浏览器打开HTML文件就能运行
④ HTML是谁制定的？
•W3C制定了HTML的规范：每个浏览器生产厂家都会遵守规范。HTML也会按照规范去写代码
•HTML规范目前最高的版本是：HTML5.0，简称H5
•我们现在主要学的HTML4.0（基本用法）
•w3school：先出现的，和W3C无关
•w3cschool：后出现的，和W3C无关
•W3C制定了很多规范：HTML/XML/http协议/https协议……
页面效果图：
超链接的作用：
通过超链接可以从浏览器向服务器发送请求。
效果图：
地址栏提交的信息：
?username=abc&userpassowrd=1234&sex=1&aihao=study&aihao=dream&myText=我没有value属性；&position=ln&myFile=&myHidden=
14、表单的说明：
*请认真填写需求信息，我们会在24小时内与您取得联系。
