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怎么播放下一首,javascript – HTML5音频播放列表 – 第一个结束后如何播放第二个音频文件?...

这是一个JSLinted,不引人注目的Javascript示例,演示如何处理和使用结束的mediaevent.在您的特定情况下,您将触发在您的结束事件处理程序中播放第二个音频文件.单击播放列表中的项目开始播放.一个音频结束后,下一个音频开始.标记&#xff1a;(注意,有意避免< li>元素之间的…

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

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

北大计算机系统结构学硕,转自包云刚,希望的原野 最近几个月参加了计算所、北大、上海交大多位计算机系统结构硕士与博士的答辩,说几点体会: ① 高水平国际论文越来越多。简单... - 雪球...

来源&#xff1a;雪球App&#xff0c;作者&#xff1a; 逍遥剑99&#xff0c;(https://xueqiu.com/1732900127/153778925)最近几个月参加了计算所、北大、上海交大多位计算机系统结构硕士与博士的答辩&#xff0c;说几点体会&#xff1a;① 高水平国际论文越来越多。简单统计了…

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

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

微型计算机硬盘接口主要分为,北京交通大学微机原理与接口技术_期末复习题_图文...

北京交通大学微机原理与接口技术_期末复习题_图文更新时间&#xff1a;2017/1/26 18:34:00 浏览量&#xff1a;1285 手机版“微机原理与接口技术”2008年期末考试复习题1. 微机系统的硬件由哪几部分组成&#xff1f;答&#xff1a;三部分&#xff1a;微型计算机(微处理器&…

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

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

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

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

html div 子元素 过多 卡顿,CSS不定高元素transition动画的解决方案

CSS不定高元素transition动画的解决方案类别&#xff1a; 技术CSS时间&#xff1a;2019-07-27 23:41:35字数&#xff1a;3297版权所有&#xff0c;未经允许&#xff0c;请勿转载&#xff0c;谢谢合作~### 前言CSS中transition可以方便的实现我们的过渡动画效果&#xff0c;但并…

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

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

HTML5废除元素,HTML5 与 HTML4 的区别(2) - 新增的元素和废除的元素

新增的结构元素在 HTML5 中&#xff0c;新增了以下与结构相关的元素&#xff1a;section元素section 元素表示页面中的一个内容区块&#xff0c;比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用&#xff0c;标识文档结构。HTML5 中…

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

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

zabbix计算型监控项函数last_zabbix 自定义key类型之计算(Calculated items)-阿里云开发者社区...

计算类型的key定义主要是根据已定义过的key值来计算的。例如创建一个计算linux服务器内存实际使用大小的监控项(计算方法为&#xff1a;vm.memory.size[total]-vm.memory.size[cached]-vm.memory.size[free])&#xff0c;方法如下&#xff1a;1、在模板中或是主机中选择监控项-…

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

满意答案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…

螺旋天线有方向性吗_螺旋天线方向图

luoxuan13度.zip.zip我画的二臂螺旋天线同轴电缆馈电&#xff0c;得到的方向图是酒杯形状的&#xff0c;而不是半球行的&#xff0c;修改了好多次参数都是这样&#xff0c;这可如何是好&#xff0c;我的模型有问题么&#xff1f;还是哪里出了问题&#xff0c;请帮忙。怎么没人帮…

jquery ajax html编码,jQuery AJAX字符编码

我目前正在编码一个法语网站。有一个时间表页面&#xff0c;可以使用侧面的链接加载另一天的时间表。这是我用来执行此操作的JS&#xff1a;function load(y) {$.get(y,function(d) {$("#replace").html(d);mod();});}function mod() {$("#dates a").click…