前端开发入门——HTML基础标签二

本文创建于2020年8月,以下为正文:

HTML是用于创建可以从一个平台移植到另一平台的超文本文档的一种简单标记语言,经常用来创建web页面、HTML是制作网页的基础,我们在网络营销种讲的静态网页,就是以HTML为基础制作的网页。

什么是超链接呢?

随着互联网的发展,网站的兴起,超链接随处可见。我们使用电脑或者手机上网,都可以通过超链接来实现登录各个网页。

超链接属于网页的一部分,它是让网页和网页连接的元素。只有通过超链接把多个网页链接起来之后才能算得上是一个网站。超链接是指从一个网页指向另一个目标的链接关系,目标可以是网页、位置、图片等等。在网页中用来超链接的对象,可能是文本、图片等。

超链接的语法是怎样表示呢?

<a href="" target="" title="">文本</a>

< a >标签定义超链接,用于从一张页面链接到另一张页面

< a >元素最重要的属性是href属性,它只是连接的目标

href属性:链接 URL

target属性就是使用来定义在何处打开链接,可取性_blank新窗口,_self当前窗口,_top浏览器整个窗、_parent上一级窗口

_blank:在浏览器的新窗口中打开页面

_self:在当前窗口中打开页面,替换原来的页面,_self为target属性的默认值

name属性:锚点名称

title属性:定义了鼠标经过时的提示文字

超链接默认是蓝色字体、带有下划线。当点击之后,字体变成红色。

说到超链接,那么我们就要了解一下什么是路径了。

路径指的是某一个文件所存在的位置。分为相对路径、绝对路径、根路径

1、相对路径就是有参照物的路径,一般相对于当前的HTML文件

2、绝对路径就是文件完整的路径,包括盘符、协议名称、主机名称等等

3、根路径就是指在服务端使用一个反斜杠表示

< hr>标签是什么呢?

在html4.01版本中,< hr>标签是使用来定义一条水平线。在html5版本中升级了该标签,使其具有语义,用来定义主题的变化,比如话题的转移,并显示一条水平线。

在HTML页面中创建一条水平线。可以在视觉上将文档分割成各个部分

< hr>属性是什么

1.align:水平对齐方式,默认居中

2.width:水平线的长度,可取像素(px)和百分比(%)

3.size:水平线的高度

4.color:颜色

示例——使水平线在页面中间显示,它的宽度为页面的50%

`< hr align=“center” wiidth=“50%” />

格式标签

< address>< /address> 地址

定义文档或者文章的作者联系信息。定义在body内则表示文档联系信息。这个标签是带有语义的,也就是说我们看到a标签,并不能从直观意义上知道他是一个超链接,但是address通过翻译,也能明白这是定义联系信息,这就是语义化的好处。它以斜体显示。

示例——定义一段联系信息

< body>

< address>

地址

< /address>

< /body>

< pre>< /pre>

被包围在pre元素中的文本通常会保留空格和换行符

示例——用pre定义有换行的文本

< body>

< pre>

夜来风雨声

花落知多少

< /pre>

< /body>

文本格式化标签



**(ps:如果您觉得有用,请点赞转发,让更多人看到哦)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值