第二章 常用标签

1.head中的常用标签

meta标签∶它的charset属性用来设置页面的编码方式(常见的编码有GBK,UTF-8,BIG,bg2312),它的name属性可以有keyword,description,这两个属性可以影响到网页的排名。

title标签:

 标签:h1-h6依次变小

特殊符号(空格): 

2.多媒体标签
·图片的常见格式:
         jpg:现在多为无损格式,但不支持透明通   
         png:无损格式,支持透明通道
         bmp:无损,支持透明通道,体积大
         gif:动图,只支持256色        


第一种填写路径的方式:使用绝对路径
例如---<img src=" <Users /musicbear/欧鹏/2023/7/16前端/jige.webp" alt="">

第二种填写路径的方式:相对路径
—-alt属性的作用是当图片无法正常显示的时候,会显示alt中错误提示
如果没有alt属性, name描述文字会显示title内容-->

 src填写资源路径,它是单词source的缩写
title本身是图片的名称(悬停光标可看到title)
width是大多数标签都具备的属性,它用来控制标签的宽度。可以是具体值,也可以是比例值;
height控制标签的高度

音视频标签

autoplay ---自动播放
muted---静音
loop---是用来控制循环播放的属性
src---填写资源路径

3.表格标签
          是由table,tr,td,三个标签构成同时可以使用语义化标签thead,tbody,tfoot进行规划
表格的嵌套:
一半多用于进行布局,将网页进行表格化处理,通常结合表格的合并,每一格显示不同的模块
tr表示定义一个表格行时---table row
td表示定义一个单元格---table data
cellspacing---单元格之间的距离
cellpadding---内容与单元格边框之间的距离

表格的合并:
rowspan---合并行
colspan---合并列 
align="center"---居中        ="right"---右对齐
hspace---水平方向距离        vertical---垂直方向距离

4.超链接标签

href---超链接:所需跳转网页的链接

 锚链接---跳转到指定位置

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值