html链接描述,HTML常用文本标记,超级链接和路径描述
HTML常用文本标记
在body标记里写的文本内容会直接显示在页面上,但是这样直接写文本内容的方式不太好。我们在html里写文本内容的时候尽量使用标记套住内容,类似于声明这是一个文本、体现特征,在爬取数据的时候也就可以方便的通过标记来抓取或过滤指定的数据,所以需要我们学习一些常用的文本标记。
这是一个标题标记,用来表示包住的内容是一个标题,
表示的字体大小不同,h1最大h6最小,示例:
运行结果:
< /p>用于表示一个文本段落,示例:
运行结果:
在
< /p>标记里可以使用标记来表示需要强调的内容,其实就是把字体加粗了,示例:
运行结果:
文字效果相关标记:在
< /p>标记里可以使用很多文字效果相关的标记,例如常用的斜体、下划线、调整字体大小或者颜色等等。下面介绍一些常用的文字效果标记。 删除线,给文字画上一条横线 粗体 下划线 让字体上浮 让字体下沉和 都可以表示斜体 加大字体 缩小字体示例:
运行结果:
预格式化文本,按照编辑器里的文本样式、字体大小、字体颜色,直接在网页上显示,示例:
运行结果:
标记可以调整文字的颜色、字体、大小,color属性设置颜色,face属性设置字体,size设置属性大小,示例:
运行结果:
标记可以用来放一些代码,示例:
运行结果:
加上引号,示例:
运行结果:
标记也是删除线,不过里能使用一些属性,例如常用的cite和datetime,前者用于指定删除原因,后者用于指定删除时间,示例:
运行结果:
标记常用于文本缩写的介绍,也可以用于说明某段话,示例:
运行结果,将鼠标移到这句话上,就可以看到说明或介绍,加上了标记的文本下面会有一行虚线:
标记用来做地址的描述,爬取数据时遇到这个标记就知道是一个地址了,示例:
运行结果:
路径描述
路径分为绝对路径和相对路径,绝对路径用得不多可以说几乎不用,因为用绝对路径是把路径写死了,一旦工程移动到其他电脑上,这个路径就不可用了。在Windows操作系统里绝对路径是从盘符开始的,例如:C:\Test\index.html 。在Linux操作系统则是从根目录开始,例如:/etc/sysconfig/network-script/ 。在超级链接里写本地绝对路径的时候要加上file:/// 。
相对路径是最常用的,因为这个路径是相对于当前工程目录的路径,当我们写一个相对路径时,它会在当前的工程目录里找这个文件。如果使用相对路径的时候,前面加上看了斜杠/,那么就会在工程的根目录目录上找。
思维导图:
超级链接
超级链接简单来讲,就是指按内容链接。超级链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。
html的超级链接标记是,href属性用来声明链接到哪个网页或者工程里的哪个html文件。上面所介绍的路径描述在超级链接里会应用到,当需要使用超级链接来链接工程下的某个html文件时可以使用相对路径和绝对路径,但是尽量使用相对路径。
标记格式:
文本内容
链接网页示例:
运行结果:
链接html文件示例:
运行结果:
绝对路径示例:
标签里有一个target属性,这个属性用于指定在何处显示超链接的内容。
_blank表示每次都打开新的窗口来显示页面,示例:
运行结果:
_parent 表示用父窗口来显示页面,也就是当前超链接所在的这个窗口,示例:
运行结果:
如果使用页面框架的话,还可以写页面定义的名称,示例:
运行结果:
标记里的title属性用于超链接的描述、说明或者作用、介绍之类的,示例:
运行结果,当鼠标移动到这个超链接的时候就会显示title的内容: 文本 < /a>
锚点:锚点是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍,能在一个页面里自由跳转。使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。创建到命名锚记的链接的过程分为两步。首先,创建命名锚记:然后创建到该命名锚记的链接: 文本 < /a>示例:
运行结果:
同样的可以跳转到另一个网页中的锚点,示例:
运行结果:
关于超链接还有一个标记,这个标记是写在
标记里的,标记可以给超链接里的路径前面再加上一个路径,就比如标记里写的是../WebTest1/,超链接里的路径写的是index.html ,然后运行时就会合成../WebTest1/index.html 这个路径。写了标记所有的超链接都会默认在前面加上标记里的路径,示例:
运行结果:
html链接描述,HTML常用文本标记,超级链接和路径描述相关推荐
- 在html中怎么制作友情链接,如何制作一个网页链接,用描文本、友情链接交易方式教你如何制作?...
如何制作一个网页链接,用描文本.友情链接交易方式教你如何制作?作为seo优化人员如何运用外界链接开展百度搜索引擎提升?下面和小编一起看看! 1.锚点链接链接应该是有关的 优先,百度搜索引擎提升锚点链接 ...
- java swing 链接_JAVA中Jtable标签设置超级链接:基于Java Swing的超链接标签和超链接按钮的实现...
希望在一个标签上设置超级链接,找到了如下的一种方法: 1.要解决的问题 基于Java Swing的超链接实现 2.自定义一个超链接标签控件[LinkLabel] 2.1.完整代码如下: public ...
- html 链接加密,网页设计_URL解码超级链接加密解密
对于网页开发者来说,有时候要对URL进行编码显示在浏览器的地址栏,增加链接的安全性,下面是源代码,引用URLDecode即可.. '作 用:URL解码 '======================= ...
- 在html中超链接_HTML 超级链接详细讲解
超级链接 超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级链接串接而成,超级链接完成了页面之间的跳转.超级链接是浏览者和服务器的交互的主要手段,在后面的技术中会逐步深化学习. ...
- HTML 超级链接详细讲解
超级链接 超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级链接串接而成,超级链接完成了页面之间的跳转.超级链接是浏览者和服务器的交互的主要手段,在后面的技术中会逐步深化学习. ...
- 如何做超级链接?如何做网页链接
如和将网页地址做成超级链接?如何做超级链接?如何做网页链接? 怎样才能将word文档中的网页地址做成超级链接? 工具/自动更正选项/自动套用格式中选上"Internet及网络路径替换为超链接 ...
- 【转】HTML代码实例:详细讲解超级链接
[转]http://www.jb51.net/web/12412.html 超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级链接串接而成,超级链接完成了页面之间的跳转.超级链接 ...
- 在html语言中建立网页链接,HTML代码实例:详细讲解超级链接
HTML代码实例:详细讲解超级链接 互联网 发布时间:2009-04-02 20:55:27 作者:佚名 我要评论 超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级 ...
- word中使用超级链接
超级链接是将文档中的文字或图形其他位置的相关信息链接 起来,单击建立了超级链接的文字或图形时,就可跳转到相关信息. 超级链接非常灵活和强大,既可跳转至当前文档或 Web 页的某个位 置,亦可跳转至其他 ...
- HTML代码实例:详细讲解超级链接--网页制作
[转]http://www.webjx.com/html-xhtml/webxhtml-10153.html 超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级链接串接而成,超级 ...
最新文章
- Markdown转HTML之Node篇
- 独家 | 利用Omniverse Code应用开展虚拟宇宙的未来
- HTML转PDF(C#---itextsharp)(转自别人的文章)
- 个人成长:2021如何成为更好的自己?
- JS JAVASCRIPT 判断两个日期相隔多少天
- 论文浅尝 - ACL2020 | 用于实体对齐的邻居匹配网络
- 【线性代数】2-5:逆(Inverse)
- 配置文件keepalived.conf详解
- MQTT(2)---MQTT协议
- 程序员面试金典——11.3元素查找
- 漫画 | 前端发展史的江湖恩怨情仇~
- 基于SpringBoot点餐小程序的开发【前后端】
- 充电器电压和电池电压关系
- 【游戏建模】将Ciri转为守望先锋的角色
- webapp通过点击调用高德地图或百度地图导航
- 【2021CCF基线系统】基于飞桨实现系统认证风险预测-异常检测
- 2022.9.26初识c语言
- stm32cubeMX结合matlab使用
- python通过Excel表格读取存储数据
- Danmo 的学习之路(HTML——CSS)
热门文章
- WM 仓库管理T-CODE
- Android考察报告模板,《跨越星弧》星球地质考察报告首次公开!
- 二维数组和稀疏数组转化
- android push php,Android_android push推送相关基本问答总结,通知和消息有什么区别?通 - phpStudy...
- python字典统计排序1_python笔记17-字典如何按value排序
- lhdc协议是什么_无线耳机标注的编码是什么意思?看懂了会少很多坑
- Spring Could+Ant Design Pro表格数据加载
- python3编程环境,使用 python3 环境开发。
- 大二暑假假期周进度01
- 利用 vimdiff 递归对比文件夹差异