深入了解超文本

认识HTML中的“HT”

"超文本"就是Web的基础。简单的认识了HTML之后,知道他是一种标记语言(HTML中的“ML”),用来描述网页的结构。而HTML中的“HT”则是超文本(hypertext),有了它,我们就能摆脱单个页面的束缚,连接到其他的页面。

初步学习<a>元素
  • 想要创建HTML链接,首先,需要把链接文本放在<a>元素中;
        eg:<a>elixirs</a>
        <a>元素就是用于创建指向另一个页面的链接。<a>元素的内容就是链接文本。在浏览器中,连接文本会显示有下划线,指示这是可单击的。

  • 有了链接文本,现在需要增加一些HTML告诉浏览器这个链接指向哪里:
        eg:<a href =“elixirs.html”>elixirs</a>(要通过href属性来指定链接的目标文件)
    对于这个链接,浏览器会显示文本“elixirs”,单击这个文本时,用户将被带往"elixirs.html"页面。
    然而<a>元素的功能有很多:如上面介绍的超文本链接,还有锚点打电话(发邮件)协议限定符。(这里主要先了解超文本链接的功能,其他功能会在以后博客里详细介绍 >_<)

了解属性

利用属性,可以指定一个元素的附加信息。
eg:

  • <style type="text/css">type属性指定我们使用哪一种样式语言。这里则是CSS。
  • <a href="irule.html">href是(hypertextreference)超文本引用的含义。href属性告诉我们一个超链接的目标文件。【超文本引用就是互联网或你的计算机上的一个资源的别称。通常这个资源就是一个Web页面,不过也可以指向PDF文档等其他各种各样的资源。】
  • <img src="sweetohoto">src属性指向一个img标记显示的图像的文件名。
    其中的图片等资源可以分为以下三类:
    1、网上url
    2、本地的绝对路径(不在同一个文件夹下)
    3、本地的相对路径(在同一个文件夹中)

*通过以上例子可以发现,属性的写法都是一样的:*首先是属性名,后面是一个等于号,然后使用双引号括起来的属性值。

注:
1、Web浏览器只认识每个元素的一组预定义的属性。所以我们不能为一个MTHL元素造新属性。(不过现在HTML5已经支持定制数据属性,允许用户为新属性构造定制的属性名。)
2、一个给定元素只能使用某些特定的属性。所以属性并不都能应用于任何元素。

下面介绍一下本地绝对路径的处理方法
简单的讲,本地的绝对路径就是不在同一个文件夹下的资源
本地的相对路径在同一个文件夹中的资源(可以直接写文件名加后缀即可)。

图1是几个文件夹的关系图:
         图1
在这里插入图片描述
1、向下连接到子文件夹中
如从图一中的lounge.html链接到beverages.html(方法如图)

在这里插入图片描述
2、向上连接到一个“父”文件夹
如从图一中的beverages.html链接到lounge.html(方法如图)
在这里插入图片描述
:"..“读作"dot dot”,表示"父文件夹"。

发布了27 篇原创文章 · 获赞 31 · 访问量 2649

猜你喜欢

转载自blog.csdn.net/weixin_46102597/article/details/103971317
今日推荐