189 8069 5689

HTML常用文本标记,超级链接和路径描述-创新互联

HTML常用文本标记

专业从事成都网站建设、成都做网站,高端网站制作设计,成都微信小程序,网站推广的成都做网站的公司。优秀技术团队竭力真诚服务,采用H5场景定制+CSS3前端渲染技术,自适应网站建设,让网站在手机、平板、PC、微信下都能呈现。建站过程建立专项小组,与您实时在线互动,随时提供解决方案,畅聊想法和感受。

在body标记里写的文本内容会直接显示在页面上,但是这样直接写文本内容的方式不太好。我们在html里写文本内容的时候尽量使用标记套住内容,类似于声明这是一个文本、体现特征,在爬取数据的时候也就可以方便的通过标记来抓取或过滤指定的数据,所以需要我们学习一些常用的文本标记。

这是一个标题标记,用来表示包住的内容是一个标题, 表示的字体大小不同,h2大h7最小,示例:

HTML常用文本标记,超级链接和路径描述

运行结果:

HTML常用文本标记,超级链接和路径描述

< /p>用于表示一个文本段落,示例:

HTML常用文本标记,超级链接和路径描述

运行结果:

HTML常用文本标记,超级链接和路径描述

< /p>标记里可以使用标记来表示需要强调的内容,其实就是把字体加粗了,示例:

HTML常用文本标记,超级链接和路径描述

运行结果:

HTML常用文本标记,超级链接和路径描述

文字效果相关标记:

< /p>标记里可以使用很多文字效果相关的标记,例如常用的斜体、下划线、调整字体大小或者颜色等等。下面介绍一些常用的文字效果标记。

删除线,给文字画上一条横线

粗体

下划线

让字体上浮

让字体下沉

都可以表示斜体

加大字体

缩小字体

示例:

HTML常用文本标记,超级链接和路径描述


运行结果:

HTML常用文本标记,超级链接和路径描述

 预格式化文本,按照编辑器里的文本样式、字体大小、字体颜色,直接在网页上显示,示例:

HTML常用文本标记,超级链接和路径描述

运行结果:

HTML常用文本标记,超级链接和路径描述

标记可以调整文字的颜色、字体、大小,color属性设置颜色,face属性设置字体,size设置属性大小,示例:

HTML常用文本标记,超级链接和路径描述



运行结果:

HTML常用文本标记,超级链接和路径描述


标记可以用来放一些代码,示例:

HTML常用文本标记,超级链接和路径描述


运行结果:

HTML常用文本标记,超级链接和路径描述

加上引号,示例:

HTML常用文本标记,超级链接和路径描述


运行结果:

HTML常用文本标记,超级链接和路径描述


标记也是删除线,不过里能使用一些属性,例如常用的cite和datetime,前者用于指定删除原因,后者用于指定删除时间,示例:

HTML常用文本标记,超级链接和路径描述


运行结果:

HTML常用文本标记,超级链接和路径描述


标记常用于文本缩写的介绍,也可以用于说明某段话,示例:

HTML常用文本标记,超级链接和路径描述


运行结果,将鼠标移到这句话上,就可以看到说明或介绍,加上了标记的文本下面会有一行虚线:

HTML常用文本标记,超级链接和路径描述


标记用来做地址的描述,爬取数据时遇到这个标记就知道是一个地址了,示例:

HTML常用文本标记,超级链接和路径描述


运行结果:

HTML常用文本标记,超级链接和路径描述

路径描述

路径分为绝对路径和相对路径,绝对路径用得不多可以说几乎不用,因为用绝对路径是把路径写死了,一旦工程移动到其他电脑上,这个路径就不可用了。在Windows操作系统里绝对路径是从盘符开始的,例如:C:\Test\index.html 。在Linux操作系统则是从根目录开始,例如:/etc/sysconfig/network-script/ 。在超级链接里写本地绝对路径的时候要加上file:/// 。

相对路径是最常用的,因为这个路径是相对于当前工程目录的路径,当我们写一个相对路径时,它会在当前的工程目录里找这个文件。如果使用相对路径的时候,前面加上看了斜杠/,那么就会在工程的根目录目录上找。

思维导图:

HTML常用文本标记,超级链接和路径描述

超级链接

超级链接简单来讲,就是指按内容链接。超级链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。

html的超级链接标记是,href属性用来声明链接到哪个网页或者工程里的哪个html文件。上面所介绍的路径描述在超级链接里会应用到,当需要使用超级链接来链接工程下的某个html文件时可以使用相对路径和绝对路径,但是尽量使用相对路径。

标记格式:

文本内容

链接网页示例:

HTML常用文本标记,超级链接和路径描述

运行结果:

HTML常用文本标记,超级链接和路径描述

链接html文件示例:

HTML常用文本标记,超级链接和路径描述

运行结果:

HTML常用文本标记,超级链接和路径描述

绝对路径示例:

HTML常用文本标记,超级链接和路径描述

标签里有一个target属性,这个属性用于指定在何处显示超链接的内容。

_blank表示每次都打开新的窗口来显示页面,示例:

HTML常用文本标记,超级链接和路径描述

运行结果:

HTML常用文本标记,超级链接和路径描述

_parent 表示用父窗口来显示页面,也就是当前超链接所在的这个窗口,示例:

HTML常用文本标记,超级链接和路径描述

运行结果:

HTML常用文本标记,超级链接和路径描述

如果使用页面框架的话,还可以写页面定义的名称,示例:

HTML常用文本标记,超级链接和路径描述

HTML常用文本标记,超级链接和路径描述

HTML常用文本标记,超级链接和路径描述

运行结果:

HTML常用文本标记,超级链接和路径描述

HTML常用文本标记,超级链接和路径描述

标记里的title属性用于超链接的描述、说明或者作用、介绍之类的,示例:

HTML常用文本标记,超级链接和路径描述

运行结果,当鼠标移动到这个超链接的时候就会显示title的内容: 文本 < /a>

HTML常用文本标记,超级链接和路径描述

锚点:

锚点是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍,能在一个页面里自由跳转。

使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。

创建到命名锚记的链接的过程分为两步。

首先,创建命名锚记:

然后创建到该命名锚记的链接:

文本 < /a>


示例:

HTML常用文本标记,超级链接和路径描述


运行结果:

HTML常用文本标记,超级链接和路径描述

HTML常用文本标记,超级链接和路径描述



同样的可以跳转到另一个网页中的锚点,示例:

HTML常用文本标记,超级链接和路径描述


运行结果:

HTML常用文本标记,超级链接和路径描述

HTML常用文本标记,超级链接和路径描述



关于超链接还有一个标记,这个标记是写在标记里的,标记可以给超链接里的路径前面再加上一个路径,就比如标记里写的是../WebTest1/,超链接里的路径写的是index.html ,然后运行时就会合成../WebTest1/index.html 这个路径。写了标记所有的超链接都会默认在前面加上标记里的路径,示例:

HTML常用文本标记,超级链接和路径描述



运行结果:

HTML常用文本标记,超级链接和路径描述

HTML常用文本标记,超级链接和路径描述



另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站题目:HTML常用文本标记,超级链接和路径描述-创新互联
本文路径:http://cdxtjz.cn/article/djjgdo.html

联系我们

您好HELLO!
感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
  • 电话:028- 86922220 18980695689
  • 商务合作邮箱:631063699@qq.com
  • 合作QQ: 532337155
  • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

小谭建站工作室

成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

小谭观点

相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。