HTML标签学习

一、文件标签


html:文件的根标签;
head:头标签。用于指定html的一些属性。引入外部资源;
title:标题标签;
body:体标签;
!DOCTYPE html:html5中定义该文档为html文档


二、文本标签


注释:<!-- 注释内容 –>
<h1到h6>:是标题标签。h1到h6大小逐减
< p >:段落标签
< br >:换行标签
< hr >:显示一条水平线

  • 属性:
  • color颜色
  • width宽度
  • size高度
  • align对其方式:center居中,left左对其,right右对齐

< b >:字体加粗
< i >:字体加斜
< font >:字体标签:color颜色,size大小,face字体

属性定义:

color:
1.英文,red,green,blue
2.rgb值,如rgb(0,0,255),范围是0~255
width:
1.数值:width=‘20’,单位默认为像素px
2.数值%:占比相当于父元素的比例


三、图片标签


<!--展示一张图片-->
<img src="image/lala.jpg" align="right" alt="古镇" width="50" height="50" />
相对路径,以.开始的路径
./:表示当前目录
../:表示上一级目录
src:是路径
align:对其什么地方
alt:如果图片没有放出来,用什么代替
width,height:大小

四、列表标签


有序列表:ol,li
无序列表:ul,li


五、连接标签


定义一个链接标签:
href:指定访问资源的URL(统一资源定位符)
target:指定打开资源的方式。_ self:默认值,在当前网页打开;_ blank:在空白页打开

<a href="http//:www.baidu.com"> 点我</a>

<a href="http//:www.baidu.com" target="_self"> 点我</a>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值