0314-html img em i stong b标签应用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>行级元素</title>
</head>
<body>
<!--通过a标签添加一个锚点-->
<a name="top"></a>
<!--span:
1:用来包裹文本中的某一个-->
<!--img：
img标签
作用：用于显示图片。
格式：<img src="" alt="">
<img src="" alt=""width=""height="">
<img src="" alt=""title="">
详解：从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。
<img> 标签创建的是被引用图像的占位空间。
src是指规定显示图像的 URL（统一资源定位符）
alt的作用是当图片文件不存在或者丢失时，显示alt=""引号中的文字
height（高度）和width（宽度）来自定义需要显示的高宽，定义其中一个，
系统会自行算出合适的复合高宽比的数值，当然，可自行选择自己需要的高宽比。
title设置内容后，当鼠标悬停在img上时，会显示文字-->
<p>商品价格：仅售 <span style="color: red;font-size: 50px">10</span>元</p>
<img src="../../img/83829-106.jpg"align="" width="200px" alt=""title="美景">
<!--em：
1:显示效果为倾斜，并且有强调的意思，可以更方便的被浏览器搜索到-->
<!--i:
1：显示效果为倾斜，没有强调的意思-->
<p>
<em>版权所有，侵版必究</em><br>
<i>版权所有，侵版必究</i>
</p>
<!--strong：
1:显示效果为粗体，并且有强调的意思，可以更方便的被浏览器搜索到-->
<!--b:
1：显示效果为粗体，没有强调的意思-->
<p>
<strong>版权所有，侵版必究</strong><br>
<b>版权所有，侵版必究</b>
<q>引号</q>
<!--small
1： 相比相邻文字，small字体更小-->
<p>版权<small>所有</small></p>
</p>
<!--a标签三种功能
1：页面跳转
2：错点链接
3：功能链接-->
<p>
<a href="https://www.baidu.com/">页面跳转</a>
</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br
<!--跳转到锚点名称为top的地方-->
<a href="#top">返回顶部</a>
<a href="tencent://message/?uin=1797950105">发消息</a>
<a href="mailto：//1797950105@qq.com">发邮箱</a>
</body>
</html>
0314-html img em i stong b标签应用相关推荐
- 14-----块级标签和行内元素
学习的初期,我们就要知道,标准文档流等级森严.标签分为两种等级: 行内元素 块级元素 比如h1标签和span,同时设置宽高,来看浏览器效果,那么你会发现: 行内元素和块级元素的区别:(非常重要) 行内 ...
- 关于CSS中的字体尺寸设置 em rem等
常用单位 在CSS中可以用很多不同的方式来设定字体的尺寸.一般来说,这些单位被分成两大类:绝对单位(absolute)和相对单位(relative). 绝对单位在大多数情况下是相对于某些实际量度而言的 ...
- div 不受父级标签影响_前端H5开发中常用的标签
本文主要内容 排版标签: <h1> <p> <hr /> <br /> <div> <span> <center> ...
- 网页编程技术二（块级元素和行内标签）
1.块级元素 顾明思义,块级标签在网页中显示为块:块级标签一般独占一行,新的块级标签将从新的一行开始排列,它可以容纳其他块级元素和内联元素. 常见的会计标签: 1.1标题标签:<h1>&l ...
- 【HTML学习】——HTML常见标签属性和方法介绍
目录 1.HTML分块--------< div> 2.HTML段落--------< p> 3.HTML标题--------< h1>-< h6> 4 ...
- html基本标签与属性
HTML 超文本标记语言 html5 建立一个HTML文件: 文件名 . 后缀(html) 解析:就是去识别 注释:就是给开发人员开的批注------浏览器不去解析(不去输出) HTML的整体框架 & ...
- html页面字段怎么排版,如何做好html的排版标签
注释标签 段落标签 This is a paragraph This is another paragraph 属性: align="属性值":对齐方式.属性值包括left cen ...
- 04-HTML标签：排版标签
本文主要内容 排版标签: <h1> <p> <hr /> <br /> <div> <span> <center> ...
- html网页的框架标记分别有,新手入门前端，应该知道HTML框架排版标记标签大全...
排版标签: 下面来详细介绍一下排版标签. 标题标签 标题使用 至 标签进行定义. 定义最大的标题, 定义最小的标题.具有align属性,属性值可以是:left.center.right. 代码举例: ...
- 前端初学，记下标签以后参考
<hx></hx>标题标签,x为数字1-6,x越小,标题越重要,也越大 <body><h1>第一级标题</h1><h2>第二级标 ...
最新文章
- python实现yolo目标检测_Yolov5—实现目标检测（win10）
- Oracle 删除数据后释放数据文件所占磁盘空间
- Java编程的逻辑 (62) - 神奇的序列化
- 撒花！吴恩达《Machine Learning Yearning》英文版完结！
- Linux内核defconfig在哪,Linux内核根目录中的配置文件.config中包含了许多宏定义，...
- JSP + AJAX 打造簡單聊天室
- 电脑启动后黑屏只有鼠标_电脑加装固态硬盘后出现黑屏或蓝屏解决方案
- JS事件 卸载事件 当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。注意：不同浏览器对onunload事件支持不同。...
- 微信程序短视频去水印源码 开源产品未加密未授权相关文章
- （136）System Verilog覆盖组参数传递实例
- 卡巴斯基称发现美国中情局CIA 开发的新恶意软件
- 开课吧9.9元学python靠谱吗-开课吧的python课程怎么样，值得报名吗？
- 图解虚拟机三种网络连接方式
- 3.第一个HelloMaven/快速入门
- win32汇编 invoke 和 call区别
- 【深入理解C++】头文件防卫式声明
- TigerGraph率先推出原生图数据库即服务，3200万美元B轮融资在这里！
- 面部AR遥控器：使用AR制作动画
- 数据分析实习-业务题准备
- APICloud 平台常用技术点汇总讲解
热门文章
- 电子学会2022年9月青少年软件编程（图形化）等级考试试卷（三级）答案解析
- upc组队赛6 Bumped!【最短路】
- 【高德地图在React项目中的使用——（二）各种配置的使用】
- 使用node爬取小说内容并保存到本地
- matlab生成曲线程序,Matlab绘制频散曲线程序代码(20210119130722).docx
- Neural Machine Translation by Jointly Learning to Align and Translate论文及代码助解
- [渝粤教育] 西北农林科技大学 国际贸易实务 参考 资料
- granite crushers in german
- 用unity高通Vuforia AR制作自定义扫描物体
- 当拳皇遇上数据库，会擦出什么样的火花？