html包裹文本的标签,HTML标签

1.标签分类

单标签:只有开始,没有结束

双标签:有开始有结束

2.标签关系分类

嵌套关系

并列关系

3. Sublime快捷键

Ctrl+Shift+D 快速复制一行

Ctrl+F 查找

Ctrl+H 查找并替换

4.标签

注释标签

选中内容 Ctrl+/ 快速注释

换行

画横线


标题标签

段落标签

强调标签文本标签,包裹字体

加粗标签,对文字加粗

文字斜体

下划线

删除线

没有语义的标签,以下两个标签实现网页布局

可以跟其它内容在一行

图片标签

图片未显示出来时,这些文字也能显示在网页上

img的属性:

src 设置图片路径

title 设置鼠标悬停到图片上的提示

alt 对图片的描述信息,不是给用户看的,是给搜索引擎看的

width 宽

height 高

5.路径

相对路径:相对于当前的根文件夹

如果当前文件xxx.html和资源文件img在同一个文件夹中

src="1.jpg"

如果当前文件xxx.html和资源文件img不在同一个文件夹中,页面在图片的上一级中,图片放在images中,则src="images/1.jpg"访问到

如果当前文件xxx.html和资源文件img不在同一个文件夹中,页面在图片的下一级中,则src="../1.jpg"才能访问到, ../是向上返回一级。如果返回两步则../../

6.超链接

跳转到某个链接

//跳转到某个页面,在同一个文件夹下时

跳转到某个链接

href="#" 不跳转到任何页面

跳转

title 设置鼠标悬停到上面的提示

跳转

target 默认值为_self,表示在当前页面中打开新页面

target 设置为_blank ,表示在新的浏览器窗口中打开新页面

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值