首页 > 其他分享 >HTML5超文本链接和文本标签

HTML5超文本链接和文本标签

时间:2023-09-07 17:36:20浏览次数:36  
标签:文本 标签 HTML5 超文本 Document 链接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="https://www.jd.com/">京东商城</a>          <!--链接-->
    <a href="https://www.163.com">网易</a>               <!--没有访问过为蓝色字体-->
    <a href="https://www.baidu.com">
        <img src="c:\Users\songs\Downloads\3.webp" width="500px" title="可点击" alt="网页">
    </a>
</body>
</html>

<a>为双标签,配合href属性可以跳转到相应的链接,访问过的链接将变成紫色,没有访问过的链接为蓝色;

<a>标签可以与<img>标签嵌套,将超文本链接变为一个可以点击的图片。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>段落</p>
    <em>着重</em>
    <b>加粗</b>
    <i>斜体</i>
    <strong>加重语言</strong>
    <del>删除</del>
    <span>元素无特定含义</span>
    <p>我喜欢<i><b>                     <!--文本标签 可嵌套-->
        TFBOYS
    </b>                            
</i></p>
</body>
</html>

文本标签有很多种,每一种都有其相对应的作用,<em>着重,<b>加粗,<i>协调,<strong>加重语气,<del>删除,<span>指元素无特殊含义等;

文本标签可嵌套

 

标签:文本,标签,HTML5,超文本,Document,链接
From: https://www.cnblogs.com/songs7/p/17685578.html

相关文章

  • 吸引读者关注:有效利用标签、标题和摘要
    吸引读者关注:有效利用标签、标题和摘要嗨,小红书的小伙伴们!今天我来和大家分享一些吸引读者关注的绝佳技巧——如何有效利用标签、标题和摘要。这些简单而重要的元素,能够让你的帖子在红海中脱颖而出,吸引更多的读者进入你的世界。跟着我一起探索吧!标签:让你的内容更准确被索引首......
  • 如何隐藏mui TextField标签?
    要隐藏MUI(Material-UI)的TextField标签,您可以使用CSS来修改其样式。以下是一种可能的方法:为TextField添加一个自定义的CSS类名或ID,以便在CSS中进行样式修改。例如,假设您给TextField添加了custom-textfield类名:<TextFieldclassName="custom-textfield"label="L......
  • vue3+typescript +uniapp中select标签
    <select:value="state.year"@change="handleSelectChange($event.target)"> <option:value="i"v-for="iinstate.yearrange">{{i}}</option> </select> ts的代码:``相当于v-model<se......
  • 论文精读:带有源标签自适应的半监督域适应(Semi-Supervised Domain Adaptation with Sou
    Semi-SupervisedDomainAdaptationwithSourceLabelAdaptation具有源标签适应的半监督域适应原文链接Abstract文章指出当前的半监督域适应(Semi-SupervisedDomainAdaptation,SSDA)方法通常是通过特征空间映射和伪标签分配将目标数据与标记的源数据对齐,然而,这种面向源数......
  • HTML5与CSS3实现动态网页(上)
    结构标签article:标记定义一篇文章header:标记定义一个页面后者一个区域的头部nav:标记定义导航链接section:标记定义一个区域aside:标记定义页面内容部分的侧边栏hgroup:标记定义文件中一个区块的相关信息figure:标记定义一组媒体内容以及他们的标题figcaption:标签定义figure元......
  • 如何在Nuxt 3中为<html>和<body>标签添加Tailwind CSS类?
    在Nuxt3中为<html>和<body>标签添加TailwindCSS类,可以参考以下步骤:安装TailwindCSS:在项目根目录下运行以下命令安装TailwindCSS和其依赖:npminstalltailwindcss@latest@tailwindcss/typography@latestpostcss@latestautoprefixer@latest创建TailwindCSS配置......
  • 深入解析 MyBatis 中的 <foreach> 标签:优雅处理批量操作与动态 SQL
    在当今的Java应用程序开发中,数据库操作是一个不可或缺的部分。MyBatis作为一款颇受欢迎的持久层框架,为我们提供了一种优雅而高效的方式来管理数据库操作。在MyBatis的众多特性中,<foreach>标签无疑是一个强大的工具,它使得在SQL语句中进行动态循环迭代变得轻而易举。本文将带您深入探......
  • 掌握 MyBatis<choose>标签:优化动态查询条件的利器
    当谈到在Java应用程序中进行数据库访问时,MyBatis是一个备受欢迎的持久层框架。它的强大之处在于提供了灵活性和可定制性,使得数据库操作变得更加简便。在这篇文章中,我们将深入介绍MyBatis中的<choose>标签,它是一个有趣且功能强大的元素,用于在SQL映射文件中进行条件选择。MyBat......
  • a标签下载文件并自定义文件名
     一、href的属性地址必须是和你前端同源情况下<ahref="URL"download="文件名">//download属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件。注意:只有Firefox和Chrome支持download属性,如果涉及跨域情况下,d......
  • 设置CITECT2018R2过程分析器趋势笔标签的底色和文字颜色
    这一篇我在新浪博客也记录过。这里再记录一遍。在前面练习的基础上,可以在每一个趋势笔设置语句中写下面的脚本hPen.TrendCursorLabelFillColor=255'标签填充颜色hPen.TrendCursorLabelTextColor=0 '标签文字颜色颜色数值遵循VB语言中RGB颜色计算的数值。......