html中超链接使⽤_HTML简介及常⽤标签与使⽤⽅法
什么是HTML?
HTML: ( Hypertext Markup Language )超⽂本标记语⾔，是⼀种标识性的语⾔。它包括⼀系列标签．通过这些标签可以将⽹络上的⽂档格式统⼀，使分散的Internet资源连接为⼀个逻辑整体。HTML⽂本是由HTML命令组成的描述性⽂本，HTML命令可以说明⽂字，图形、动画、声⾳、表格、链接等。
所谓超⽂本，有两层含义:
1.它可以加⼊图⽚、声⾳、动画、多媒体等内容(超越了⽂本限制)。
2.它还可以从⼀个⽂件跳转到另⼀个⽂件 ，与世界各地主机的⽂件连接(超级链接⽂本)。
特点
超级⽂本标记语⾔⽂档制作不是很复杂，但功能强⼤，⽀持不同数据格式的⽂件镶⼊，其主要特点如下：
1.简易性：超级⽂本标记语⾔版本升级采⽤超集⽅式，从⽽更加灵活⽅便。
2.可扩展性：超级⽂本标记语⾔的⼴泛应⽤带来了加强功能，增加标识符等要求，超级⽂本标记语⾔采取⼦类元素的⽅式，为系统扩展带来保证。
3.平台⽆关性：虽然个⼈计算机⼤⾏其道，但使⽤MAC 等其他机器的⼤有⼈在，超级⽂本标记语⾔可以使⽤在⼴泛的平台上。
4.通⽤性：另外，HTML是⽹络的通⽤语⾔，⼀种简单、通⽤的全置标记语⾔。它允许⽹页制作⼈建⽴⽂本与图⽚相结合的复杂页⾯，这些页⾯可以被⽹上任何其他⼈浏览到，⽆论使⽤的是什么类型的电脑或浏览器。
⽹页的结构
根据w3c标准,⼀个⽹页主要三部分组成：结构，表现，还有⾏为。
·结构:HTML,⽤于描述页⾯的结构.·表现:CSS⽤户控制页⾯中元素的样式.·⾏为:JavaScript ⽤于响应⽤户的操作.
⽽HTML它负责⽹页的三个要素之中的结构,HTML使⽤标签的的形式来标识⽹页中的不同组成部分。所谓超⽂本指的是超链接，使⽤超链接可以让我们从⼀个页⾯跳转到另⼀个页⾯。
HTML的基本结构
⼀个HTML⽂档结构基本由以下四部分组成:
1.⽂档声明，标志是： ，声明这是⼀个HTML⽂档。
2.html标签对，标志是： ，标签的作⽤相当于程序在告诉⽹页浏览器，整个⽹页是从这⾥开始的，然后到结束
3.head标签对，标志是：，head标签是页⾯的头部。
4.body标签对，标志是：，body标签是页⾯的⾝体，⼀般⽹页绝⼤多数的标签代码都是在这⾥进⾏编写。
完整代码如下:
Document
基本语法概述:
HTML标签是HTML语⾔中最基本的单位，标签⼀般是成对出现，但是页存在⼀些⾃结束标签，HTML标签的⼤⼩写⽆关的，例如“主体”< body>跟< BODY>表⽰的意思是⼀样的，但推荐使⽤⼩写。HTML
标签是由尖括号包围的关键词，例如 < html>。HTML 标签通常是成对出现的，例如 < html> 和 < /html> ，我们称为双标签。标签对中的第⼀个标签是 开始标签，第⼆个标签是结束标签。有些特殊的标签必须是单个标签，例如 < br />，我们称为单标签。
标签特点
1.由尖括号包围的关键词，⽐如
2.通常是成对出现的，⽐如for和foreach的哪个效率高
和
3.标签对中的第⼀个标签是开始标签，第⼆个标签是结束标签；
4.开始和结束标签也被称为开放标签和闭合标签。
5.也有单独呈现的标签，如：< img src="百度百科.jpg" />等。
6.⼀般成对出现的标签，其内容在两个标签中间。单独呈现的标签，则在标签属性中赋值。如< h1>标题和 。
7.⽹页的内容需在标签中，标题、字符格式、语⾔、兼容性、关键字、描述等信息显⽰在标签中，⽽⽹页需展⽰的内容需嵌套在标签中。某些时候不按标准书写代码虽然可以正常显⽰，但是作为职业素养，还是应该养成正规编写习惯。
标签关系:
双标签关系可以分为两类：包含关系和并列关系。
包含关系:
并列关系:
标签中的属性:
在标签中(开始标签或⾃结束标签)，还可以设置属性，属性是⼀个名值对(x=y)，属性和标签名或其他属性应该使⽤空格隔开，有的属性拥有属性值，有些没有，如果有属性值的话，属性值应该使⽤引号引起来.
例如:
语义标签:
在⽹页中,html专门⽤来负责⽹页的结构，所以在使⽤html标签时，我们应该关注的是我们标签的语义,⽽不是它的样式.以下拿⼏个常⽤的举例说明:
标题标签
< h1> ~ < h6>
为了使⽹页更具有语义化，我们经常会在页⾯中⽤到标题标签。HTML 提供了 6 个等级的⽹页标题，即< h1> ~ < h6>，代码如下:
我是⼀级标题
我是⼆级标题
我是三级标题
我是四级标题
我是五级标题
我是六级标题
特点：
1.加了标题的⽂字会变的加粗，字号也会依次变⼤。
2.⼀个标题独占⼀⾏。
段落
在⽹页中，要把⽂字有条理地显⽰出来，就需要将这些⽂字分段显⽰。在 HTML 标签中，< p>标签⽤于定义段落，它可以将整个⽹页分为若⼲个段落。
我是⼀个段落标签
特点：
1.⽂本在⼀个段落中会根据浏览器窗⼝的⼤⼩⾃动换⾏。
2.段落和段落之间保有空隙。
换⾏标签:
在 HTML 中，⼀个段落中的⽂字会从左到右依次排列，直到浏览器窗⼝的右端，然后才⾃动换⾏。如果希望某段⽂本强制换⾏显⽰，就需要使⽤换⾏标签 < br />。
特点：
1.
是个单标签。2.
12种颜调配大全标签只是简单地开始新的⼀⾏，跟段落不⼀样，段落之间会插⼊⼀些垂直的间距。
⽂本格式化标签:
在⽹页中，有时需要为⽂字设置粗体、斜体、或下划线等效果，这时就需要⽤到 HTML 中的⽂本格式化标签，使⽂字以特殊的⽅式显⽰，以便突出重要性, ⽐普通⽂字更重要。
补充
标签描述
定义⽂章。
定义页⾯内容以外的内容。
定义⽤户能够查看或隐藏的额外细节。
定义 元素的标题。
规定⾃包含内容，⽐如图⽰、图表、照⽚、代码清单等。
定义⽂档或节的页脚。
html个人网页完整代码顺序
规定⽂档或节的页眉。
规定⽂档的主内容。
定义重要的或强调的⽂本。
定义导航链接。
定义⽂档中的节。
定义 元素的可见标题。
定义⽇期/时间。
HTML 常⽤标签
instrument英文怎么读标签
和 标签
是没有语义的，它们就是⼀个盒⼦，⽤来装内容的。
和 是没有语义的，它们就是⼀个盒⼦，⽤来装内容的。
这是div标签
这是span标签
div 是 division 的缩写，表⽰分割、分区。span 意为跨度、跨距。
特点：
1.
标签⽤来布局，但是现在⼀⾏只能放⼀个
。 2.
2. 标签⽤来布局，⼀⾏上可以多个
标签⽤来布局，⼀⾏上可以多个 。
。
图像标签
在 HTML 标签中， 标签⽤于定义 HTML 页⾯中的图像。
img 是单词 image 的缩写，意为图像。src 是标签的必须属性，它⽤于指定图像⽂件的路径和⽂件名。
代码⽰例:
其中, 标签必需的属性:
属性值描述
alt text规定图像的替代⽂本。
src URL规定显⽰图像的 URL。
相对路径是从代码所在的这个⽂件出发，去寻⽬标⽂件的，⽽我们这⾥所说的上⼀级 、下⼀级和同⼀级就是 图⽚相对于 HTML 页⾯的位置。
可选属性:
前端前景怎么样
属性值描述
align top
bottom
middle
left
right
不推荐使⽤。
不推荐使⽤。规定如何根据周围的⽂本来排列图像。
border pixels不推荐使⽤。
不推荐使⽤。定义图像周围的边框。height pixels**%定义图像的⾼度。
hspace pixels不推荐使⽤。
不推荐使⽤。定义图像左侧和右侧的空⽩。ismap URL将图像定义为服务器端图像映射。longdesc URL指向包含长的图像描述⽂档的 URL。usemap URL将图像定义为客户器端图像映射。
vspace pixels不推荐使⽤。
不推荐使⽤。定义图像顶部和底部的空⽩。width pixels**%设置图像的宽度。
超链接
超链接可以让我们从⼀个页⾯跳转到其他页⾯，或者是当前页⾯的其他的位置.java编写一个person类
超链接的语法格式:
a为单词 anchor [ˈæŋkə(r)] 的缩写，意为：锚。
可选属性:
属性值描述
download filename规定被下载的超链接⽬标。
href URL规定链接指向的页⾯的 URL。
hreflang language_code规定被链接⽂档的语⾔。
media media_query规定被链接⽂档是为何种媒介/设备优化的。rel text规定当前⽂档与被链接⽂档之间的关系。
target _blank
_parent
_self
_top
framename
规定在何处打开链接⽂档。
type MIME type规定被链接⽂档的的 MIME 类型。
链接分类:
·
外部链接: 例如 < a href=" www.baidu
www.baidu"> 百度。
·
内部链接:⽹站内部页⾯之间的相互链接. 直接链接内部页⾯名称即可，例如 < a href="index.html"> ⾸页 。
·
空链接: 如果当时没有确定链接⽬标时， 。
·
下载链接: 如果 href ⾥⾯地址是⼀个⽂件或者压缩包，会下载这个⽂件。
·
⽹页元素链接: 在⽹页中的各种⽹页元素，如⽂本、图像、表格、⾳频、视频等都可以添加超链接.
·
锚点链接: 点我们点击链接，可以快速定位到页⾯中的某个位置.
·在链接⽂本的 href 属性中，设置属性值为 #名字 的形式，如< a href="#two"> 第2集
在链接⽂本的 href 属性中，设置属性值为 #名字 的形式，如< a href="#two"> 第2集 ·
·到⽬标位置标签，⾥⾯添加⼀个 id 属性 = 刚才的名字 ，如：第2集介绍
代码⽰例:
这是⼀个新的超链接
表格标签
表格是⽹页制作中使⽤最多的⼯具之⼀，在制作⽹页时，使⽤表格可以更清晰地排列数据。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。