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,值越大,滚动速度越慢,通常不设置

六、图片标签

作用:在页面上 添加一张图片

用法: %E6%8F%90%E5%8F%96%E5%9B%BE%E7%89%87%E7%9A%84%E5%9C%B0%E5%9D%80

图片的格式: 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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/529931.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html scale方法的作用,HTML Canvas scale() 方法

实例绘制矩形&#xff0c;放大到 200%&#xff0c;然后再次绘制矩形&#xff1a;YourbrowserdoesnotsupporttheHTML5canvastag.JavaScript&#xff1a;var cdocument.getElementById("myCanvas");var ctxc.getContext("2d");ctx.strokeRect(5,5,25,15);ctx…

html屏幕输出笔记本,笔记本怎样外接显示器 笔记本外接显示器方法【详解】

摘要&#xff1a;笔记本电脑怎样外接显示器?一些用户用惯了大屏台式电脑的朋友&#xff0c;改用笔记本玩游戏&#xff0c;看电影等开始会很不习惯&#xff0c;由于笔记本的屏幕与键盘相比台式机要小上一大截。如果身边有显示器或者液晶电视的话&#xff0c;不妨动手体验下笔记…

江陵中学2021高考成绩查询,2021高考序幕拉开 荆州38080名考生赴考

十年寒窗磨一剑&#xff0c;只待今朝问鼎时&#xff0c;6月7日上午&#xff0c;2021年全国高考正式拉开序幕&#xff0c;荆州3.8万余名考生迎来人生大考。上午8点&#xff0c;在湖北省沙市中学考点周围&#xff0c;不少身着红色送考服的班主任们正在给考生们发放准考证&#xf…

排球制作html,MAYA打造排球建模教程

这篇教程向悠悠之家的朋友们介绍用MAYA打造排球模型的过程&#xff0c;制作很简单&#xff0c;希望对刚学习MAYA建模的朋友们有所帮助&#xff0c;我们先看看最终的效果图&#xff1a;你们一定学过很多创建一个球的技巧&#xff0c;但在这个入门教学里面&#xff0c;我们将要学…

计算机主机箱前后都有什么,目前四种热门的主机机箱设计都有哪些优缺点?

在DIY里面机箱算是最没技术含量的产品之一&#xff0c;不过它却是与DIYer接触时间最长的东西。气味大师每天都会按下机箱开机键&#xff0c;也会空余时间瞄上几眼。机箱确实是对DIY影响最大的产品之一&#xff0c;今天我来盘点一下2018年见过的几个主流机箱设计方案。说是机箱设…

计算机自然语言的中国科学家,中科院教授王斌加入小米 任自然语言处理首席科学家...

王斌新浪科技讯 8月28日上午消息&#xff0c;小米新经济研究中心发布微信文章称&#xff0c;中国科学院信息工程研究所研究员、博士生导师王斌已于8月20日正式加入小米集团&#xff0c;任AI实验室自然语言处理(Natural Language Processing&#xff0c;NLP)首席科学家&#xff…

springcloud 相同服务名_浅谈分布式与微服务

分布式和微服务是什么关系&#xff1f;简单来说&#xff0c;分布式和微服务的概念比较相似&#xff0c;分布式属于微服务。但是分布式和微服务在架构、作用和粒度上有所区别。因此&#xff0c;两者的关系是既相互联系又相互区别。本文主要带大家认识分布式和微服务&#xff0c;…

bat 变量 文件内容第一行_VBA基础入门(38)FSO生成bat文件后执行的实例

1.首先&#xff0c;我们回顾下FSO是什么&#xff1f;文件系统对象FSO的英文全称是File System Object &#xff0c;这种对象模型提出了有别于传统的文件操作语句处理文件和文件夹的方法。通过采用object.method这种在面向对象编程中广泛使用的语法&#xff0c;将一系列操作文件…

ps怎么更改背景图层大小_PhotoShop处理图层的一些技巧方法、PS图层处理教程

一、了解图层以及为什么它们如此有用。1.在“图层”面板中查看和选择图层2.层包含组成分层文件的图像&#xff0c;文本或对象。它们使您可以在一层上移动&#xff0c;编辑和使用内容&#xff0c;而不会影响其他层上的内容。3.图层在“ 图层”面板中按堆栈排列&#xff0c;该面板…

使用计算机画画需要什么软件,专业电脑绘画用的是什么工具?

满意答案srCDG3SL62013.11.13采纳率&#xff1a;57% 等级&#xff1a;12已帮助&#xff1a;11125人电脑硬件配置(CPU,内存&#xff0c;显卡等)越高&#xff0c;绘制大图时&#xff0c;软件不会卡。就会画的很流畅。特别是Painter&#xff0c;模拟自然画笔越真实&#xff0c;…

中如何移动物体在画面中的位置_组合柜摆在客厅中什么位置最旺运?客厅中,财位是如何确定的?...

组合柜摆在客厅中什么位置最旺运&#xff1f;组合柜在风水中的重要性不如沙发&#xff0c;但要注意的宜忌事项也有很多。风水上讲高者为山&#xff0c;低者为水&#xff0c;有高有低&#xff0c;有山有水&#xff0c;才符合风水原理。在客厅中&#xff0c;低的沙发是水&#xf…

计算机概论在线阅读,计算器概论 or 计算机概论

计算机硬件的五大单元输入单元、输出单元、CPU内部控制单元、算数逻辑单元、主存储器。中央处理器 CPU Central Processing UnitCPU 的种类精简指令集 Reduced Instruction Set Computing, RISCSun SPARCIBM Power Architecture复杂指令集 Complex Instruction Set Comp…

四川大学计算机学院赵怡,【喜讯】我校计算机学院学子在蓝桥杯大赛全国总决赛中再获佳绩...

在第十一届蓝桥杯“全国软件和信息技术专业人才大赛”省赛上&#xff0c;我校选手面对包括北京大学、清华大学、上海交通大学、北京航空航天大学、武汉大学、西安交通大学、北京理工大学、四川大学、电子科技大学、吉林大学、东北大学等在内的1200余所高校&#xff0c;6万余名顶…

2002勘察设计收费标准_上海装修设计师的收费标准是什么?

目前家装行业的发展趋势全是特别迅速的&#xff0c;一点都不落后于房地产业的发展趋势&#xff0c;因此目前在好多大城市全是各式各样的家装公司&#xff0c;这篇以上海装修公司为例&#xff0c;向大伙儿详细介绍一下上海装修设计公司的有些收费标准&#xff0c;看一下绝大多数…

colab清理gpu缓存_安卓手机为什么会变卡?强制GPU渲染手机就能变流畅?你真的懂吗...

使用过安卓手机的朋友都知道&#xff0c;安卓手机最大的毛病就是卡顿&#xff0c;那你知道安卓手机变卡的原因吗&#xff1f;还有网上很多教程说开启“强制进行GPU渲染”手机就会变流畅&#xff0c;真的是这样吗&#xff1f;我们先来了解安卓手机为什么会变卡&#xff1a;安卓手…

脉冲宽度调制pdm_STM32第七章-脉冲宽度调制

先说在开头啊&#xff0c;我们学习定时器总感觉它是很难的&#xff0c;这里我就不说他的编程难度&#xff0c;而是对于它的理解难度。学习定时器你就必须了解他的来龙去脉。比如说你现在要使用一个定时器&#xff0c;那么先要决定你要用哪一个定时器&#xff0c;是高级定时器还…

苹果13系统锁屏延迟_iPhone11 锁屏出现延迟,iOS13 新 Bug?

点击 哎咆科技 关注我们这两天很多人在后台反应&#xff0c;用 iPhone11 锁屏的时候出现了延迟的情况。虽然延迟并不是很长&#xff0c;但还是会有“卡顿”的感觉。咆哥&#xff1a;我最近也感觉到了。于是很多同学认为&#xff0c;是不是 iOS13 系统的问题&#xff1f;你们多虑…

ctf 改变图片高度_每天一分钟,python一点通(opencv的图片处理方法)

有网友私信小编说&#xff0c;小编的文章很好&#xff0c;讲解的也很详细&#xff0c;但是有些知识点很深奥&#xff0c;对初学者不是很友好&#xff0c;回想小编的文章虽然几乎每条代码都有介绍&#xff0c;但是很多函数没有太详细&#xff0c;小编后期会重启《每天一分钟&…

计算机休眠能降低硬件损耗,Win7居然会出现“失眠”——Win7无法休眠问题解析...

许多用户在安装了win7以后&#xff0c;都出现了无法使用休眠功能的问题&#xff0c;当用户暂时不使用电脑或离开电脑时&#xff0c;系统不能进入休眠状态&#xff0c;使得节电与减少硬件损耗都不能正常进行&#xff0c;显示器也会长时工作&#xff0c;这加速了电脑的整体老化。…

4键电子手表说明书_数字S1系统7寸门口主机操作说明书

1.产品概述随着社会发展的日新月异&#xff0c;人们的生活开始步入网络时代&#xff0c;数字化浪潮席卷了各行各业&#xff0c;传统的楼宇对讲产品也逐渐朝着数字化、网络化、信息化和智能家居的方向发展&#xff0c;它不再只扮演一个访客身份确认系统的角色&#xff0c;而是成…