html 图片行内剧中,HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)...
一、转义字符
由特殊字符包裹的文本 会当做标签去解析
对应不换行空格
对应全角空格 em是字体排印学的计量单位,相当于当前指定的点数。其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。
<对应<
>对应>
二、行内元素和块级元素
1.块级标签
默认情况下,每一个块级元素都是独占一行的即元素的前后都会换行 都有 align 属性,例如:
p标签 段落标签
h1~6标签 标题标签
hr标签 水平分割线标签
div标签 块级元素
2.行内标签
不会换行可以和其他的标签或文本在一行内显示,例如下列标签:
strong标签或者b标签都表示加粗标签
em标签或者i标签都表示倾斜标签
s标签或者del标签都表示删除标签
sup表示上标标签
sub表示下标标签
span被用来组合文档中的行内元素。
注意事项(编程规则)
p标记不能嵌套块级元素 w3c的规范
一个段落里面不能放另外一个文章
三、web浏览器
谷歌 GOOgle Chrome
火狐 fireFox
IE
欧朋 Opera
苹果 Safari
四、超链接标签
URL 统一资源定位符
三种表现:绝对路径
解释:从文件所在的最高级目录下开始的完整路径
1.1访问互联网上的资源
1.2访问本机的资源
相对路径
解释:文件所在的位置开始查找 资源文件所在的位置经过的路径
2.1当前文件和资源文在同目录下 直接可以用名称引用
2.2资源文件在当前目录的子目录中 先进入,再引用
2.3 资源文件在当前文件的父目录中 先返回 再引用 ../ 返回上一级,多层返回上一级以此类推,例如:../../../../../
根相对路径
在服务器上面使用的,只有服务器端才能用得到
表现/作为开始
例如/img/ben.jpg 在项目中先找到一个img的文件夹 再找ben的图片
锚点:
作用: 在网页中的任意位置添加记号 可由任意位置跳转到该记号
使用:1.定义锚点
a标签的 一个属性 name
其他标签里面用 id 属性
2.在另外一个地方跳转
五、跑马灯标签
作用:将文本在页面上流动显示(滚动播放)
用法: 内容
属性:滚动速度 scrollamount,值越大,滚动速度越快 一般5-10比较适宜消息观看
滚动方式 behavior,3个值 scroll-循环滚动 slide-只滚动一次 alternate-来回滚动 默认循环滚动
滚动方向 direction,滚动方向 direction 4个值 up down left right 默认从右向左
滚动循环 loop,默认值-1或infinite 表示无限循环滚动 loop="数值" 表示滚动相应的次数
滚动背景颜色 bgcolor
滚动空间 hspace-水平边距 vspace-垂直边距
滚动延迟 scrolldelay,值越大,滚动速度越慢,通常不设置
六、图片标签
作用:在页面上 添加一张图片
用法:
图片的格式: jpg有损压缩 png无损压缩的图片支持透明度 gif动图
七、表格
1、表格的作用
按照一定的格式摆放数据
表格是由一些被称为单元格的矩形框组成
按照从左到右,从上到下的顺序排列到一起组成的。
2、创建表格
1.定义表格 table(定义一个完整表格范围)
2.创建行 tr(行)
3.创建单元格td(单元格)
3、表格属性
table属性
border:边框
cellpadding:单元格的内边距(单元格边框与内容之间的距离)
cellspacing:单元格的外边距(单元格之间的距离)
width:宽度
height:高度
align:对齐方式(整个表格)
bgcolor 背景颜色(纯色填充)
bordercolor 边框颜色
background: 背景图片
tr属性(行)
tr是没有宽高属性的
align:水平对齐方式(内容)
valign:垂直对齐方式
td属性(单元格)
width :每个单元格的宽度
height:每个单元格的高度
align:水平(单个单元格的内容)
valign:垂直
不规则表格的创建
1.跨行 rowspan属性 纵向向下 包含自己
2.跨列 colspan属性 横向向右 包含自己
表格标题
语法:
注意:表格标题必须跟在 table后面 而且最多只能有一个。
本文来源于网络:查看 >https://www.cnblogs.com/MDZZZ/p/11991616.html
html 图片行内剧中,HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)...相关推荐
- HTML 块级元素、行内元素和行内块级元素
一.块级元素.行内元素和行内块级元素 在 HTML 5 标准前,HTML 中的元素可以分为块级元素.行内元素(又称行级元素)和行内块级元素三种类型 ,它们的主要区别在于它们在文档流中所占据的空间和如何 ...
- php div行内块元素,行内元素与块级元素的区别详细介绍
首先,CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,分别为块级(block).行内(inline). 块级元素:(以下列举比较常用的块级元素,详 ...
- 行内和块级元素区别?如何让行内元素设置宽高?
行内和块级元素区别: 1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block. 2.行内元素 ...
- HTML 之 块级元素、行内元素和行内块元素之间的嵌套规则
一.简介 之前对元素之间的嵌套规则没有进行系统的梳理,一直以为各种元素之间可以随意进行嵌套,但在实际敲代码的过程中发现并不是这样,大部分标签之间是可以随意嵌套的,但也存在一些特殊规则,比如:p标签内不 ...
- Html 中的块级元素和行内元素(内联元素)
先从字面意思找,块级元素可以看做讲台,自己独占一排,常见标签:<h1>, <p>, <ul>, <table>:行内元素(内联元素)可以看做学生的课桌, ...
- CSS高级选择器+块级元素,行内元素的特点+CSS定位+logo的做法
CSS高级选择器 *是通配符选择器(样式的重置) *{ margin: 0; padding: 0; } 元素的样式的重置,紧贴左上角 子选择器:父级>子级 后代选择器: 祖先 子级 作用: 1 ...
- CSS 块级元素和行内元素
块级元素 块级元素会填充其父元素的内容区,并且不能有其他元素,即在元素前后生成了"分隔符".例如:p标签和 div 标签. 行内元素 在一个文本行内生成元素.例如:a 标签,str ...
- HTML中行内元素与块级元素的区别
区别: 1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block. 2.行内元素和其他行内元素 ...
- html 盒子模型添加图片,[HTML/CSS]盒子模型,块级元素和行内元素
目录 概述 在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项目中,曾经也弄过从前端布局,也吃过这方面的亏.今天, ...
最新文章
- 火狐 4 月全球使用量首超微软
- Extmail配置实践(一)
- linux 关中断 调度,关中断是否禁止任务调度?关中断能作为互斥吗?
- alpha值计算 qcolor_量化交易与机器学习(四):如何研究alpha因子
- pandas 更改单元格的值_懂Excel轻松入门Python数据分析包pandas(二十四):连续区域...
- java通过桥访问excel_通过jdbc-odbc桥来访问excel文件
- 农村电商的发展非常关键,那么农民要如何利用电商呢?
- LVS+Redis部署手册
- Ubuntu 20.04 国内源
- Linux下安装McAfee防病毒软件(企业版本)
- 万字雄文前瞻丨区块链及隐私计算在传统企业中的技术认知与进阶思考
- 在线预览 PDF 文档插件 PDFObject.js
- 瑞星客户端卸载操作手册
- 合利宝实际控制人即将易主:海科金集团接盘仁东控股
- Firefox(火狐浏览器)常见插件应用
- Oracle Golden Gate 系列一 -- GG 架构 说明
- 计算机网络不同网段,WIN7系统计算机不同网段如何共享资源
- [BUG 记录] Unable to determine the device handle for GPU 0000:05:00.0: GPU is lost. Reboot the system
- 十分钟搞懂手机号码一键登录
- Hadoop MapReduce 统计汽车销售信息
热门文章
- 面趣 | 这道微软面试题你会吗?
- android xml左边,Android XML – 如何将项目对齐到最左侧,中间和最右侧
- mysql远程备份工具_innobackupex实现MySQL远程备份
- tcp ip协议_网络通信-TCP/IP协议族简述
- Hadoop集群安装部署_伪分布式集群安装_02
- linux Nas挂载
- 【Linux】快速搭建一个基于Vue的大型单页应用
- 子网规划与组网实验_【干货】从0到1,“大型WLAN组网”基础知识分享~
- 利用python做一个小游戏_如何使用python做一个简单的猜数字的小游戏
- spark中local模式与cluster模式使用场景_不可不知的Spark调优点