html中怎么把h标签左移,基础标签--h、p、a、hr、br、img、base

H系列标签(header1-header6)

作用:用于给文本添加标题语义

注意:

1、一个网页中,只有一个h1标签

2、h标签独占一行

3、end键------光标放到最后

home键----光标放到最前面

alt键+左键---选中多行,同时编辑

P标签

作用:告诉浏览器,哪些是一个段落

注意:在浏览器中,p标签单独占一行

Hr标签



作用:告诉浏览器这是一条分割线

注意:

1、在浏览器中,hr标签单独占一行

2、可以加“/”,也可以不写"/"

img标签

src=source

作用:告诉浏览器这里显示图片

注意:

1、img不会独占一行

2、可以指定宽高

3、title当鼠标悬停到图像上时,显示的文字

4、alt:alternate,用于告诉浏览器placehold

br标签

作用:换行

注意:

1、可以连续使用br,几个br就是换几行

路径

img中的src的值是路径

1、通过相对路径赋值

相对路径:每次都从html当前所在的文件夹开始查找

1.1同级

图片和html文件在同一个文件夹中,

格式:src="图片名"

含义:在html所在文件夹中的图片

1.2下级

图片所在的文件夹images和html是同一级

格式scr="images/图片名"

含义:在html所在的文件夹中,找到images文件夹,再找到图片

1.3上级

图片所在的位置=和=html所在文件夹同级

格式:scr="../图片名"

2、通过绝对路径赋值【一般不用,可移植性不好】

格式:src="C://User/desk/images/图片名"

注意:

1、路径中不要带中文、

2、如果通过相对路径指定文件,但是不能跨盘。不能在C盘通过../找到D盘

3、使用反斜杠“/”、不要正斜杠“\”

a标签

作用:用于控制页面与页面之间的跳转

格式:用户看到的文字提示

百度一下

%E5%9B%BE%E7%89%87

注意点:

1、a标签可以让图片和文字都可以点击

2、href必填项,才能跳转到目的地

3、href的目标地址中一定要有http或者https等网络协议,否则报如404的错误

4、target控制是在当前选项卡跳转target="_self"还是新的选项卡中跳转"target="_blank"

5、title属性,鼠标悬停时显示的文字

base标签

作用:用来统一指定当前网页中所有的超链接如何打开,是blank还是self

注意:

1、写在head中。

2、如果在base中指定了self,但是a标签中指定了blank,就近。

假链接

点击后不会跳转,相当于是真链接的placehold

这是个假链接1,点击该链接后跳转到顶部

这是个假链接2,点击后无任何反应

锚点

要想通过a标签跳转到指定的位置,必须告诉a标签一个独一无二的id

顶部

跳转到中部

中部

尾部

通过a标签跳转到指定位置的时候,没有过渡动画

顶部

跳转到中部

中部

尾部

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值