首页 > Web开发 > 详细

HTML新手入门(2) ——超链接和文本中编辑字体

时间:2019-12-25 18:22:50      阅读:84      评论:0      收藏:0      [点我收藏+]

HTML新手入门(2)

                                                           ——超链接和文本中编辑字体

一、超链接

(1)超链接格式

结构<a></a>
      其中超链接加入在开头的<a>当中,以<a href=”XXXXXXXXX”>格式编码(注:此处不能只写www.baidu.com,不然会404 not found),文本加在<a></a>之间,如下图:
 技术分享图片
 
运行结果:
 技术分享图片

点击之后完成跳转
技术分享图片

 

 

       需要注意的是:他会将你原来的页面覆盖,但是通常我们不希望主页面被覆盖,希望弹出新的。这时我们需要引入新的概念。
当然也可以加入形式为本地的链接:
 技术分享图片
新文件结构:
技术分享图片

 

运行结果:
 技术分享图片
 

 

(2)超链接-扩展

        为了解决上述问题,我们只要在<a>的开始标签中加入target限制条件即可,格式如下图:
技术分享图片

 

  • 其中_self就为我们上诉所说的在当前窗体打开链接。
  • _blank指定将链接文档加载到新的空白窗口中,是我们需要的新建页面跳转如下图:
技术分享图片

 

 

可以发现我们上一个页面没有被关掉。
  • _parent是指定将链接文档加载到包含链接的文档的直接父文档中。(在父窗体中打开链接)
  • _search是指定将链接文档加载到浏览器的搜索窗格中。在微软因特网浏览器5或更高版本中可用。(在浏览器的搜索区装载文档)
  • _top是在当前的整个浏览器窗口中打开所链接的文档。(会删除所有框架)
二、文本中编辑字体
分为加粗、斜体、下划线、删除线。
  • 加粗:<b></b>
  • 斜体:<i></i>也可以为<em></em>
  • 下划线:<u></u>
  • 删除线:<s></s>
代码部分:
 技术分享图片

运行结果:
 技术分享图片

结束语:后续将持续更新,因为本人也是个菜鸟,学习的过程中就以记笔记的形式,将自己的知识点总结到我的博客上。

HTML新手入门(2) ——超链接和文本中编辑字体

原文:https://www.cnblogs.com/Edward-roof/p/12098265.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!