html基础必备-链接标记，前端小白一看就会
链接允许你通过单击链接文本从一个页面跳到另一个页面，还可以跳转到同一页面上的其他位置（称为片段）、你网站的不同部分或跳转到别的网站。
link标记有两个主要部分：用户可以点击的文本，以及点击链接时访问的网址。<a>和</a>标记之间是链接文本，通常以蓝色显示，并由浏览器加下划线。href=“url”部分是网址，可以通过多种方式设置url：
- href=\”example.html\” – 当前目录的其它页面
- href=\”example/page.html\” – 相对位置，其它目录的页面
- href=\”http://www.example.com/page.html\” – 其它网站的页面
链接到同一个网页上的其他地方，如页面下方的其他部分或章节，跳转到这些部分通常是有用的，称为链接到片段，浏览器将自动尝试滚动到页面该部分。
片段首先需要在网页的某个地方定义，方法是给它们一个名称，例如<a name=“fragment_name”>，然后使用hash（#）字符创建指向该片段的链接：<a href=“#fragment_name”>链接</a>。要链接到另一个页面上的片段，只需将片段名称附加到地址，例如：href=“example.html#fragment_name\”.
你可能并不总是希望为了链接到某个页面并将其加载到当前窗口上。这就是target属性派上用场的地方。通过设置target=“_BLANK”，把页面将加载到一个新窗口（或新选项卡）。类似地，“_self”、“_parent”或“_top”将分别在当前窗口、父窗口（与框架一起使用）或顶层窗口中打开链接。
通过在<a>和</a>标记之间放置一个图像标记，可以将图像转换为链接，单击该图像后将加载引用的页面。你可能会注意到，当链接文本变为下划线时，图像得到一个蓝色边框。这可以通过设置图像的border=“0”属性或使用css来解决。
mailto符号链接是一种特殊的链接，它指示浏览器使用默认的电子邮件程序编写邮件并发送到指定的地址，注意的是该操作不会自动发送任何电子邮件。
什么是HTML
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML 不是一种编程语言，而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML文档也叫做 web 页面
新建一个test.html文件，内容如下
其中：
- <!DOCTYPE html> 声明为 HTML5 文档
- <html> 元素是 HTML 页面的根元素
- <head> 元素包含了文档的元（meta）数据，如 <meta charset=\”utf-8\”> 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）
- <title> 元素描述了文档的标题
- <body> 元素包含了可见的页面内容
- <h1> 元素定义一个大标题
- <p> 元素定义一个段落
保存后运行，即可在浏览器中打开如下界面
3.1 标题
HTML 标题（Heading）是通过<h1> – <h6> 标签来定义的.
3.2 段落
HTML 段落是通过标签 <p> 来定义的
3.3 链接
HTML 链接是通过标签 <a> 来定义的
3.4 图像
HTML 图像是通过标签 <img> 来定义的。注意： 图像的名称和尺寸是以属性的形式提供的。
3.5 表格
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 <th> 标签进行定义。如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。使用边框属性来显示一个带有边框的表格：
4.1 基本文档
4.2 基本标签
4.3 文本格式化
4.4 链接
4.5 图片
4.6 样式/区块
4.7 无序列表
4.8 有序列表
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
