<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>行级标签</title>
</head>
<body>
<!--通过a标签添加一个锚点-->
<a name="top"></a>
<!--span文本标签:
              1.包裹文本中的某一个或某几个字段,方便添加样式
              2.它本身没有任何样式-->
       <p>商品价格:仅售<span style="color: red;font-size: 30px">10</span>元</p>
<!--img(图片):
           1.src:用来指定你要显示的图片的路径
           2.alt:当你指定的图片不存在时,相关的错误提示信息
           3.title:当鼠标悬浮在图片上时,相关的提示信息
           4.align:指定图片的显示位置
           5.width:指定图片的宽度
           6.:指定图片的高度
           -->
<img src="../img/Lenovo.jpg" alt="图片不存在" title="lenovo电脑" align="left"
               width="350" height="200">
<!--em(强调)
       1.显示效果为倾斜,并且有强调的效果,为了更方便的被优先搜索到-->
<!--i标签
     1.显示效果为倾斜,没有强调的意思-->
<!--emi标签的最终显示的方式一样,但所达到的效果差别很大。所以用em标签-->
<p><em>版权所有,侵权必究。</em><br/><i>版权所有,侵权必究。</i>
</p>

<hr/>
<!--strong标签
       1.显示效果为倾斜,加粗,并且有强调的效果,为了更方便的被优先搜索到-->
<!--b标签
     1.显示效果为倾斜,加粗,没有强调的意思-->
<p>版权所有,侵权必究。</p>
<strong>版权所有,侵权必究。</strong>
<br/><b>版权所有,侵权必究。</b>
<br/> <!--q标签:主动为内容添加双引号--><q>版权所有,侵权必究。</q>    <!--small:相比相邻的文本,small标签内的文本字体更小--><q>版权<small>所有</sma>,侵权必究。</q>
 <br/>
<!--a标签的三种功能:
         1.页面跳转
         2.锚点链接
         3.功能连接-->
<!--href属性:用定超链接要跳转的页面,页面可以是本地页面,也可以是非本地页面
    title属性:当鼠标指向页面跳转1时会显示杰瑞教育字样,即用来指定鼠标悬浮时的提示文本
    target属性:描点链接在当前页面打开target="_blank"  链接在新的页面打开 target="__self",即目标窗口的位置
    rel属性:用来指定要打开的页面和当前页面的关系nextprev  添加该属性可以起到搜索引擎优化的效果-->
 <a href="https://www.baidu.com/">页面跳转1</a>
 <a href="http://localhost:63342/HtmlProject/Exercise/First/Homework1.html">页面跳转2</a>
<!--跳转到锚点名称为top地方去-->
<a href="#top">返回顶部</a>
<!--跳转到外部页面的同时,也可以指定所跳转到页面的位置
     方法:路径地址+锚点地址(锚点名称)-->
<!--功能性链接:mailto://xxxxxxx 给指定邮箱发送邮件    tencent://message/?uin=xxxxxxx 给指定QQ发送消息--> <a href="tencent://message/?uin=297053005">发消息</a> <a href="mailto://297053005@qq.com">发邮件</a>

</body>
</html>
注释说明:为了使自己网页能更快的被检索到,最好使用带有强调作用的标签
												

html5 a标签,img标签,em和i标签,strong和b标签,q标签相关推荐

  1. 前端第二章:5.语义化标签、p标签、q标签、em标签、strong标签、blockquote标签、br标签、h标签

    一.语义化标签 0.在页面中独占一行的元素被称为块元素 0.1 不要关注html的显示,要关注他们的语义 0.2 在页面中不会独占一行 的元素叫做行内元素(inline element,内联元素) 1 ...

  2. web前段学习day_01:HTML(学习如何搭建页面结构和内容):文本标签、列表标签、图片标签、超链接、表格、表单表单、分区标签、实体引用

    学习如何构造页面结构和内容 安装HBuilderX 一.HTML 创建第一个HTML页面 写完html后如何测试 写在body中的常见标签有哪些? 注释快捷键 Ctrl+Shift+/ 1.文本相关标 ...

  3. a标签传值到另一个页面_前端开发入门——HTML基础标签

    本文创建于2020年8月,以下为正文: HTML是用于创建可以从一个平台移植到另一平台的超文本文档的一种简单标记语言,经常用来创建web页面.HTML是制作网页的基础,我们在网络营销种讲的静态网页,就 ...

  4. html:(8):span标签和q标签

    使用<span>标签为文字设置单独样式 这一小节讲解<span>标签,我们对<em>.<strong>.<span>这三个标签进行一下总结: ...

  5. RFID标签的基础知识(3)--了解芯片(之超高频标签芯片篇)

    RFID标签的基础知识(3)--了解芯片(之超高频标签芯片篇)) 前言 一.如何认识芯片? 1. 1 怎么找芯片资料? 1. 2 芯片资料怎么看? 二.我认识的芯片 1.Alien(美国意联科技公司( ...

  6. html语言q,HTML: q 标签

    HTML: 标签 HTML引用标签 ( )表示一个封闭的并且是短的行内引用的文本. 这个标签是用来引用短的文本,所以请不要引入换行符; 对于长的文本的引用请使用 替代.此标签通常也称为 元素. 在线示 ...

  7. R语言ggplot2可视化:ggplot2中使用element_text函数设置轴标签文本粗体字体(bold text,使x轴和Y轴的标签文本都使用粗体字体)、注意是轴标签而非轴标题

    R语言ggplot2可视化:ggplot2中使用element_text函数设置轴标签文本粗体字体(bold text,使x轴和Y轴的标签文本都使用粗体字体).注意是轴标签而非轴标题 目录

  8. R语言删除ggplot可视化图中的所有x轴轴标签实战:ggplot可视化默认包含所有x轴轴标签、删除ggplot可视化图中的所有x轴轴标签实战

    R语言删除ggplot可视化图中的所有x轴轴标签实战:ggplot可视化默认包含所有x轴轴标签.删除ggplot可视化图中的所有x轴轴标签实战 目录

  9. php正则过滤html标签_空格_换行符的代码,php正则过滤html标签、空格、换行符的代码(附说明)_php技巧...

    $str=preg_replace("/\s+/", " ", $str); //过滤多余回车 $str=preg_replace("/ $str=p ...

最新文章

  1. 南昌大学计算机专业高数课本,南昌大学高等数学期末考试.pdf
  2. WCF客户端不能用在Using语句块中,因为它可能会抛出不可预知的异常。即使你捕获了异常,仍有可能一直保持连接。...
  3. 无法直接启动带有“类库输出类型”的项目
  4. Visual Studio 2010 旗舰版免序列号安装体验
  5. 最优二叉查找树(动态规划)——详解
  6. 离婚算法:说不清的感情对错,但算得清的财产分割
  7. YOLO v3网络结构分析
  8. java 之 观察者模式(大话设计模式)
  9. 读“游戏之旅——我的编程感悟”:难得的休闲读物
  10. 大数据平台任务调度与监控系统
  11. Mac启动台显示白色问号图标
  12. 让人心静的七十五条经典修心格言
  13. win 10 设置透明图表显示为黑色方块问题
  14. 暧昧散场,穿过你的黑发我的手968
  15. e4e反演框架:Designing an Encoder for StyleGAN Image Manipulation
  16. 解决IE文件无法正常下载,其他浏览器可以正常下载
  17. 便宜好用积分兑换商城系统必须具备这些功能
  18. 字符串首尾空格去除问题
  19. 突然发现高中时候的“概率”老师都讲的太复杂了
  20. 回头再说 008 瞬

热门文章

  1. python elif格式_python中elif 结构语句怎么判断?
  2. 教你彻底学会动态规划——入门篇
  3. PLC构成电梯控制系统特性分析
  4. [STM32F4]STM32F407 ADC采集+DMA传输
  5. 制造业数字化转型后发展的未来画像
  6. 五到十分钟java演讲_TED演讲 | 一切只需要十分钟的专注
  7. ERP群雄逐鹿市场预测
  8. 动态路由协议 ❀ OSPF中的Sham-link
  9. 利用sham-link实现路由还原
  10. 获取微信绑定的手机号