HTML块标签、含样式的标签 网页插入图片 网页图片路径
HTML块标签、含样式的标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>块标签</title>
</head>
<body>
<div> <!--<div>标签 行内元素,表示一块内容,没有具体的语义-->
<em><h1>块标签练习</h1></em> <!--<em>标签 行内元素,表示语气中的强调词(斜体效果)-->
<i><h2>唐诗</h2></i> <!--<i>标签 行内元素,表示专业词汇(斜体效果)-->
<div>div嵌套</div>
<span> <!--<span>标签 行内元素,表示一行中的一小段内容,没有具体语义-->
<b>白日依山尽,</b><br /> <!--<b>标签 行内元素,表示文档中的关键字或者产品名(字体加粗)-->
<strong>黄河入海流;</strong><br /> <!--<strong>标签 行内元素,表示非常重要的内容(字体加粗)-->
欲穷千里目,<br />
更上一层楼。<br />
</span>
</div>
</body>
</html>
网页插入图片
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页插入图片</title>
</head>
<body>
<!--完整写法是:scr="./images/002.jpg"./ 表示当前目录,可以省略-->
<img src="C:/Users/admin/Desktop/HTMLprative/image/Backgroundmap.png" alt="背景图"/> <!--<scr>属性 定义图片的应用地址(以上图片访问路径为绝对访问路径)-->
<!--<alt>属性 定义图片加载失败时显示的文字,搜索引擎会使用这个文字收录图片、盲人读屏软件会读取这个文字让盲人识别图片-->
</body>
</html>
网页图片路径
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网页图片路径</title>
</head>
<body>
<img src="data:image/Backgroundmap.png" alt="背景图">
<!--相对地址:相对于引用文件本身去定位被引用的文件地址(当前格式为相对路径)-->
<img src="C:Users\admin\Desktop\HTMLprative\image/Backgroundmap.png" alt="背景图">
<!--绝对地址:相对于磁盘位置去定位文件的地址(当前格式为绝对路径)-->
<!--“./”表示当前文件所在目录下,比如:“./pic.jpg ”表示当前目录下的pic.jpg的图片,这个使用时可以省略-->
<!--“../”表示当前文件夹所在目录下的上一级目录,比如:“../images/pic.jpg”表示当前目录下的上一级目录下的images文件夹中的pic.jpg的图片-->
</body>
</html>
HTML块标签、含样式的标签 网页插入图片 网页图片路径相关推荐
- HTML块,含样式的标签
HTML块,含样式的标签 html块 div标签 块元素,表示一块内容,没有具体的语义. span标签 行内元素,表示一行中的一小段内容,没有具体的语义. 含样式和语义的标签 em标签 行内元素,表示 ...
- 网页插入视频用图片做超链接
在HTML页面播放视频的方法有很多种 :比如标签<video><object><embed> :但是我们要知道播放一个视频真的是一件不容易的事情 :不同的浏览器的要 ...
- aspx网页_微软网页设计工具Expression Web快速入门
微软开发的网页设计工具Expression Web,作为网页设计工具FrontPage的替代品,在功能以及可扩展性方面都有了很大提升,它彻底解决了以前FrontPage会产生不标准网页代码的缺点,现在 ...
- CSS系列之美化网页/span标签和div标签/字体样式/文本样式
CSS系列之美化网页/span标签和div标签/字体样式/文本样式 01 span标签和div标签 span标签的作用 能让几个文字或者某个词语凸显出来 属于行内元素 div标签 属于块级元素 程序示 ...
- HTML 块标签,行内标签,行内块标签以及之间的相互转换
HTML标签分类 行内标签:包含a.span.em.strong.b.i.u.label.br: 特点:可以多个标签存在一行,不能直接设置行内标签的高度.宽度.行高以及顶和底边距,完全靠内容撑开宽 ...
- HTML标签+CSS样式(一)
文章目录 一.HTML常用标签类 二.CSS常用样式 一.HTML常用标签类 html:hyperText markup language,超文本标记语言 1. < meta > 告诉搜索 ...
- devexpress 中的checkboxlist怎么设置间距_HTML中怎么设置h1的字体样式你知道吗?关于设置h1标签的样式详解
本篇文章主要为大家讲解了html中的h1标签的样式解析,但是如果不用css样式来做的话,那就只能在html4.01中显示了,所以我们还是尽快学习css层叠样式表吧,好了,现在让我们来说说这篇文章吧. ...
- php css去除h1样式,HTML中怎么设置h1的字体样式你知道吗?关于设置h1标签的样式详解...
本篇文章主要为大家讲解了html中的h1标签的样式解析,但是如果不用css样式来做的话,那就只能在html4.01中显示了,所以我们还是尽快学习css层叠样式表吧,好了,现在让我们来说说这篇文章吧. ...
- qt怎么设置标签背景图片_HTML中怎么设置h1的字体样式你知道吗?关于设置h1标签的样式详解...
本篇文章主要为大家讲解了html中的h1标签的样式解析,但是如果不用css样式来做的话,那就只能在html4.01中显示了,所以我们还是尽快学习css层叠样式表吧,好了,现在让我们来说说这篇文章吧. ...
最新文章
- Spring MVC 通过@Value注解读取.properties配置内容
- linux 非交互ssh sshpass简介
- target和currentTarget
- 线性代数 第三章 矩阵的初等变换与线性方程组
- 阿里的26款大神级的Java开源项目
- 不少程序员都会碰到的三个面试题
- cmake字符串转数组_掌握常用的数据结构之数组和字符串
- python编写ftp客户端_python实现ftp客户端示例分享
- OpenCV案例(二):选取圆对象
- -webkit-line-clamp超过两行就出现省略号
- Java语言速览:StackOverflow
- android下在屏幕适配小总结
- 仅当使用了列列表并且 IDENTITY_INSERT 为 ON 时,才能为表't_ArticleFiles'中的标识列指定显式值。...
- Butterworth低通滤波器
- SSH远程访问以及控制
- 2020西瓜直播弹幕协议版弹幕提取思路与实现py
- 浪潮信息推出服务器操作系统Inspur KOS的底气与豪气
- 北京大学计算机学院复试名单2020,学院2020年全日制硕士研究生招生考试复试名单公示...
- 【机器学习中的矩阵分解】LU分解、QR分解、SVD分解
- 他是“中国第一程序员”,一人之力单挑微软!
热门文章
- 千元性价比高的无线蓝牙耳机,适合运动佩戴的蓝牙耳机盘点
- Mysql 命令行模式访问操作mysql数据库
- Koala编译sass出错及中文编译解决
- linux设置中国时区,Linux更改中国时区
- android手机制造商_如果您关注更新,则应注意这些Android制造商
- 常见建筑物结构的种类
- sendmail报错:“My unqualified host name ( name ) unknown; sleeping for retry“
- 服务器UDP端口连通性测试
- (spingboot入门案例)SpingBoot整合mybatis(mySql)
- 网络协议:一文搞懂Socket套接字