html什么标签⽤来定位图⽚,HTML⼊门(转义字符、⾏内样式和块级元素、定位、锚点、跑马。。。
⼀、转义字符
由特殊字符包裹的⽂本 会当做标签去解析
对应不换⾏空格
对应全⾓空格 em是字体排印学的计量单位,相当于当前指定的点数。其占据的宽度正好是1个中⽂宽度,⽽且基本上不受字体影响。
<;对应<
>对应>
⼆、⾏内元素和块级元素
1.块级标签
默认情况下,每⼀个块级元素都是独占⼀⾏的即元素的前后都会换⾏ 都有 align 属性,例如:
p标签 段落标签
h1~6标签 标题标签
hr标签 ⽔平分割线标签
div标签 块级元素
2.⾏内标签
不会换⾏可以和其他的标签或⽂本在⼀⾏内显⽰,例如下列标签:
strong标签或者b标签都表⽰加粗标签
em标签或者i标签都表⽰倾斜标签
s标签或者del标签都表⽰删除标签
sup表⽰上标标签
sub表⽰下标标签
html表格元素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:单元格的外边距(单元格之间的距离)
宽度
height:⾼度
align:对齐⽅式(整个表格)
bgcolor 背景颜⾊(纯⾊填充)
bordercolor 边框颜⾊
background: 背景图⽚
tr属性(⾏)
tr是没有宽⾼属性的
align:⽔平对齐⽅式(内容)
valign:垂直对齐⽅式
td属性(单元格)
width :每个单元格的宽度
height:每个单元格的⾼度
align:⽔平(单个单元格的内容)
valign:垂直
不规则表格的创建
1.跨⾏ rowspan属性 纵向向下 包含⾃⼰
2.跨列 colspan属性 横向向右 包含⾃⼰
表格标题
语法:
注意:表格标题必须跟在 table后⾯ ⽽且最多只能有⼀个。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论