WEB前端入门——基础标签

标题标签:

<h1>~<h6>

h系列,表示从一级标题到六级标题(越高级越大) tips:标题大小可以用CSS修改,优先级更高

段落标签:<p> 段落之间存在空隙

如果要打很多个p,可以用p*n个

文本格式化标签:

用途:为文字添加 加粗,下划线,倾斜,删除线等效果

图片标签:

<img src=” ” alt=”” ”>

src,alt都是属性名,=后是属性值 (其他属性还有height,weight等)

src:图片文件名(相对路径./,绝对路径)

alt:替换文本,当图片加载失败时,才会显示alt的文本 eg:文件路径不正确时图片加载失败

文件中的title属性:

title=” ” 属性值:提示文本,只有当鼠标在元素上悬停时,才会显示此文本

tilte属性也可以用于其他标签

高度和宽度:若只设置一个,就会等比例缩放,如果设置两个,可能会比例错误(变形)一般只设置一个

不成对

音频标签:

<audio src=”文件名.mp3” controls></audio>

视频标签

<video src=” ” controls> </video>

(muted属性,静音播放)

双标签

链接标签:

<a herf=”链接(#空链接)”>文字描述</a>

target属性: 目标网页的打开方式

target=”_blank” 在新窗口跳转(保留原网页)

target=”_self” 默认值,在当前窗口跳转(覆盖原网页)

不成对的标签:

<br>:强制换行

<hr>:水平分割线

没有语义的基础标签:

常用于网页布局

div:双标签 (独占一行)

span:双标签(同一行)

有语义的布局标签:

(常用于手机端网站,独占一行)

字符实体标签:

空格:&nbsp;(网页无法识别代码中的多个连续空格)

……

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值