• 主页
  • 课程

    关于课程

    • 课程归档
    • 成为一名讲师
    • 讲师信息
    同等学历教学

    同等学历教学

    免费
    阅读更多
  • 特色
    • 展示
    • 关于我们
    • 问答
  • 事件
  • 个性化
  • 博客
  • 联系
  • 站点资源
    有任何问题吗?
    (00) 123 456 789
    weinfoadmin@weinformatics.cn
    注册登录
    恒诺新知
    • 主页
    • 课程

      关于课程

      • 课程归档
      • 成为一名讲师
      • 讲师信息
      同等学历教学

      同等学历教学

      免费
      阅读更多
    • 特色
      • 展示
      • 关于我们
      • 问答
    • 事件
    • 个性化
    • 博客
    • 联系
    • 站点资源

      未分类

      • 首页
      • 博客
      • 未分类
      • R爬虫之 html 简介(续)

      R爬虫之 html 简介(续)

      • 发布者 weinfoadmin
      • 分类 未分类, 老俊俊的生信笔记
      • 日期 2021年9月10日
      • 评论 0评论

      感谢老俊俊的大力支持。我们会每日跟新,欢迎您关注老俊俊的生信笔记。


      点击上方关注我们


      继续介绍 html 相关的知识,依然是 web前端开发 公众号的内容。还有练习题可以做哦



      另外我们建了 老俊俊生信交流群 ,还没进群的小伙伴们加我微信入群哦。微信在 文章末尾。



      什么是HTML文本格式化

      HTML 可定义很多供格式化输出的元素,比如粗体和斜体字。

      如下代码:

      <p>TThis text is normal</p>
      <b>This text is bold</b>
      <br />
      <strong>This text is strong</strong>
      <br />
      <big>This text is big</big>
      <br />
      <em>This text is emphasized</em>
      <br />
      <i>This text is italic</i>
      <br />
      <small>This text is small</small>

      页面上显示如下:

      This text is bold

      This text is bold 
      This text is strong 
      This text is big 
      This text is emphasized 
      This text is italic 
      This text is small

      按标签功能可以分为:文本格式化标签、’计算机输出’标签和引用和术语定义标签

      文本格式化标签
      标签 描述
      <b> 定义粗体文本。
      <big> 定义大号字。
      <em> 定义着重文字。
      <i> 定义斜体字。
      <small> 定义小号字。
      <strong> 定义加重语气。
      <sub> 定义下标字。
      <sup> 定义上标字。
      <ins> 定义插入字。
      <del> 定义删除。
      <s> 不赞成使用。使用<del>代替。
      <strike> 不赞成使用。使用<del>代替。
      <u> 不赞成使用。使用样式(style)代替。
      “计算机输出”标签
      标签 描述
      <code> 定义计算机代码。
      <kbd> 定义键盘码。
      <samp> 定义计算机代码样本。
      <tt> 定义打字机代码。
      <var> 定义变量。
      <pre> 定义预格式化文本。
      <listing> 不赞成使用。使用<pre>代替。
      <plaintext> 不赞成使用。使用<pre>代替。
      <xmp> 不赞成使用。使用<pre>代替。
      引用、引用和术语定义
      标签 描述
      <abbr> 定义缩写。
      <acronym> 定义首字母缩写。
      <address> 定义地址。
      <bdo> 定义文字方向。
      <blockquote> 定义长的引用。
      <q> 定义短的引用。
      <cite> 定义引用、引证。
      <dfn> 定义一个定义项目
      HTML 链接

      HTML 使用超级链接与网络上的另一个文档相连。
      超链接可以是文字或图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
      通过使用 <a> 标签在 HTML 中创建链接。超链接的代码如:
      <a href="url">Link text</a> href 属性规定链接的目标,开始标签和结束标签之间的文字被作为超级链接来显示。

      如下代码:

      <a href="http://f2e.tming.net.cn/">F2E.TMING</a>

      页面上显示为 F2E.TMING

      注释:请始终将正斜杠添加到子文件夹。假如这样书写链接:href=”http://www.w3school.com.cn/html”,就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href=”http://www.w3school.com.cn/html/”。

      HTML 链接 – target 属性

      <a> 标签的 target 属性规定在何处打开链接文档。
      target属性有4个保留的目标名称用作特殊的文档重定向操作:

      1) _blank
      在一个新打开、未命名的窗口中载入目标文档。如
      <a href="http://f2e.tming.net.cn/" target="_blank">F2E.TMING</a> 即是在新窗口打开该网站。

      2) _self
      在相同的框架或者窗口中显示。这个是target属性的默认值,如没有设置target属性,则<a>标签的默认目标就是_self。如: 
      <a href="http://f2e.tming.net.cn/">F2E.TMING</a>或<a href="http://f2e.tming.net.cn/" target="_self">F2E.TMING</a> 即是在当前窗口跳转

      3) _parent
      这个目标使得文档载入父窗口或者包含了超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

      4) _top
      这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

      此外,target属性也可以设置为其他目标名,如:<a href="1.html" target="window1">新窗口1</a> 点击后浏览器将打开一个新的窗口,将它标记为 “window1″,然后在其中显示1.html这个文档

      HTML 链接 – name 属性

      name 属性规定锚(anchor)的名称。当使用命名锚时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
      要使用锚链接,首先需要在 HTML 文档中对锚进行命名。命名锚的语法:
      <a name="label">锚点1</a>
      然后,在文档中用如下方式创建指向该锚的链接:<a href="#label">跳转到锚点1</a>。

      例:
      页面上已在段落“HTML 链接 – target 属性”的开始位置添加了一个锚点,代码为:
      <a name="links_target"></a> ,链接代码如下

      <a href="#links_target">跳转至段落:HTML 链接 - target 属性</a>

      点击试试效果:跳转至段落:HTML 链接 – target 属性

      如果锚链接在页面上没有对应的命名锚,点击后会跳转到页面顶部。因此也可通过设置href=”#”来实现跳转到顶部的功能。点击试试:回到顶部

      注释:命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。

      其它技巧

      1) 链接添加文字提示
      可以使用title属性让鼠标悬停在超链接上的时候,显示该超链接的文字注释。
      如
      <a href="http://f2e.tming.net.cn/" title="爱思资源网首页">首页</a> 。鼠标移到链接上查看效果:首页

      2) 链接到email地址
      只要将链接的href属性设置为mailto:邮箱地址,点击这个链接,就会触发你的邮件客户端,如
      <a href="mailto:xxx@xxx.com">联系我们</a>。点击查看效果:联系我们


      练习题

      1.以下哪个HTML代码可以产生超链接()

      A、<a url=”http://f2e.tming.net.cn/”>F2E.TMING</a>

      B、<a href=”http://f2e.tming.net.cn/”>F2E.TMING</a>

      C、<a>http://f2e.tming.net.cn/</a>

      D、<a name=”http://f2e.tming.net.cn/”>F2E.TMING</a>


      2.以下哪个是电子邮件链接()

      A、<a href=”telnet:abc@gmail.com”>发送反馈</a>

      B、<a href=”mail:abc@gmail.com”>发送反馈</a>

      C、<a href=”ftp:abc@gmail.com”>发送反馈</a>

      D、<a href=”mailto:abc@gmail.com”>发送反馈</a>


      3.下列哪一项是在新窗口中打开网页文档()

      A、_self

      B、_blank

      C、_top

      D、_parent


      4.<a href=”#p1″>…</a>表示()

      A、跳转到”p1″页面

      B、跳转到页面的”p1″锚点

      C、超链接的属性是”p1″

      D、超链接的对象是”p1″



      5.以下哪个HTML代码可以产生超链接()

      A、<a url=”http://f2e.tming.net.cn/”>F2E.TMING</a>

      B、<a href=”http://f2e.tming.net.cn/”>F2E.TMING</a>

      C、<a>http://f2e.tming.net.cn/</a>

      D、<a name=”http://f2e.tming.net.cn/”>F2E.TMING</a>


      6.以下哪个是电子邮件链接()

      A、<a href=”telnet:abc@gmail.com”>发送反馈</a>

      B、<a href=”mail:abc@gmail.com”>发送反馈</a>

      C、<a href=”ftp:abc@gmail.com”>发送反馈</a>

      D、<a href=”mailto:abc@gmail.com”>发送反馈</a>



      7.下列哪一项是在新窗口中打开网页文档()

      A、_self

      B、_blank

      C、_top

      D、_parent



      8.<a href=”#p1″>…</a>表示()

      A、跳转到”p1″页面

      B、跳转到页面的”p1″锚点

      C、超链接的属性是”p1″

      D、超链接的对象是”p1″


      老俊俊微信号:




      所以今天你学习了吗?

      发现更多精彩

      关注公众号

      欢迎小伙伴留言评论!

      点击我留言!

      今天的分享就到这里了,敬请期待下一篇!

      最后欢迎大家分享转发,您的点赞是对我的鼓励和肯定!

      如果觉得对您帮助很大,赏杯快乐水喝喝吧!

      推 荐 阅 读




      • circlize 之可视化基因组数据

      • circlize 之 Advanced layout

      • circlize 之 circos.heatmap()

      • circlize 之 Implement high-level circular plots

      • 怎么批量合并 data.frame ?

      • QPCRpro 正式上线!

      • circlize 之 Legends

      • QPCR数据添加 p 值和显著性一次解决!

      • circlize 之 Graphics

      • circlize 之 Introduction

      • circlize 之 Circular layout

      • 鉴定差异翻译效率基因之 deltaTE 下篇

      • 鉴定差异翻译效率基因之 deltaTE 上篇

      • 鉴定差异翻译效率基因之 Riborex

      • purrr 包之 list 处理系列函数

      • purrr 包之 map 系列函数

      • 批量绘制单基因相关性图

      • Y 叔出品:ggfun

      • 神器之 computeMatrix + 绘图

      • Deeptools 神器之 bamCoverage

      • 在线版shiny pheatmap!

      • QPCR数据快速分析和绘图 — by shiny

      • RNA-seq:Salmon 快速定量

      • RNA-seq:Salmon 定量结果差异分析

      • 用R提取代表转录本

      • 画个CNS级别火山图!

      • R Tips :split 函数

      • 什么? R 版 Hisat2

      • R Tips :match 函数

      • conda 安装软件报错

      • MetaProfile on Transcript

      • 提取代表转录本之 gencode

      • 附近含有 m6A 修饰的 Stop Codon 序列提取

      • Introduction of m6A

      • RNA-seq : Hisat2+Stringtie+DESeq2

      • shiny VennDiagram

      • shiny CountToTPM/FPKM

      • 自己模仿画个– m6A distribution on transcript

      • 怎么把 shiny App 做成 exe 文件进行分发

      • shiny-server内网穿透

      • 在线版shiny pheatmap!

      • 用shiny创作在线火山图绘制App

      • circlize 之 Create plotting regions

      • circlize 之 High-level genomic functions

      • R 爬虫之爬取文献信息

      • R 爬虫之爬取公众号图片

      • 跟着 cell 绘制条形堆叠图和分面小提琴图

      • R 爬虫之爬取 NCBI 文献

      • ggplot 分面绘图一网打尽

      • circlize 之 chordDiagram 函数

      • circlize 之 chordDiagram 函数高级用法

      • R 绘制柱形偏差图

      • R 爬虫之爬取文献影响因子

      • R爬虫之 html 简介

      • R 爬虫之爬取 CRAN 官网 R 包信息

      请关注“恒诺新知”微信公众号,感谢“R语言“,”数据那些事儿“,”老俊俊的生信笔记“,”冷🈚️思“,“珞珈R”,“生信星球”的支持!

      • 分享:
      作者头像
      weinfoadmin

      上一篇文章

      绘制带连线的柱状堆积图
      2021年9月10日

      下一篇文章

      ZhouLab 星球
      2021年9月10日

      你可能也喜欢

      2-1675088548
      lncRNA和miRNA生信分析系列讲座免费视频课和课件资源包,干货满满
      30 1月, 2023
      9-1675131201
      如何快速批量修改 Git 提交记录中的用户信息
      26 1月, 2023
      8-1678501786
      肿瘤细胞通过改变CD8+ T细胞中的丙酮酸利用和琥珀酸信号来调控抗肿瘤免疫应答。
      7 12月, 2022

      留言 取消回复

      要发表评论,您必须先登录。

      搜索

      分类

      • R语言
      • TCGA数据挖掘
      • 单细胞RNA-seq测序
      • 在线会议直播预告与回放
      • 数据分析那些事儿分类
      • 未分类
      • 生信星球
      • 老俊俊的生信笔记

      投稿培训

      免费

      alphafold2培训

      免费

      群晖配置培训

      免费

      最新博文

      Nature | 单细胞技术揭示衰老细胞与肌肉再生
      301月2023
      lncRNA和miRNA生信分析系列讲座免费视频课和课件资源包,干货满满
      301月2023
      如何快速批量修改 Git 提交记录中的用户信息
      261月2023
      logo-eduma-the-best-lms-wordpress-theme

      (00) 123 456 789

      weinfoadmin@weinformatics.cn

      恒诺新知

      • 关于我们
      • 博客
      • 联系
      • 成为一名讲师

      链接

      • 课程
      • 事件
      • 展示
      • 问答

      支持

      • 文档
      • 论坛
      • 语言包
      • 发行状态

      推荐

      • iHub汉语代码托管
      • iLAB耗材管理
      • WooCommerce
      • 丁香园论坛

      weinformatics 即 恒诺新知。ICP备案号:粤ICP备19129767号

      • 关于我们
      • 博客
      • 联系
      • 成为一名讲师

      要成为一名讲师吗?

      加入数以千计的演讲者获得100%课时费!

      现在开始

      用你的站点账户登录

      忘记密码?

      还不是会员? 现在注册

      注册新帐户

      已经拥有注册账户? 现在登录

      close
      会员购买 你还没有登录,请先登录
      • ¥99 VIP-1个月
      • ¥199 VIP-半年
      • ¥299 VIP-1年
      在线支付 激活码

      立即支付
      支付宝
      微信支付
      请使用 支付宝 或 微信 扫码支付
      登录
      注册|忘记密码?