blog-html之元素

blog-html之元素


    html是一种超文本标记语言,是制作网页过程中不可缺少的语言。在学习html的过程中,我们听得最多的一个词就是标签,每一个标签对应一个元素,而元素又分为块元素、行内元素及功能元素。
    块元素:通俗说是一个盒子,是作为一个页面框架或者容器的存在。
    它在网页中是默认独占一行空间存在的,当然也可用css使它们并行在一行。
      HTML中的块元素包括

  • div 俗称盒子

  • h1~h6 标题

  • html、body

  • ul、li 无序列表

  • ol、li 有序列表

  • dl、dt、dd 有序列表

    H5新增的块元素(语义化标签)

  • header 头部

  • nav 导航栏

  • article 主体

  • section 部分

  • footer 脚部

  • aside 侧边栏

    行内元素:与块元素不同的是行内元素是用来点缀网页的,不能作为框架使用。
    行内元素的最大特性是可以与其他行内元素共享一行空间。且行内元素中不可以嵌套块元素,但块元素中可以嵌套行内元素
      HTML中的行内元素包括:

  • span 最高级的行内标签

  • a

     		[属性]href
    
     			相对路径
     				当前目录下 ./
     				上一级目录 ../
    
     		锚点用法
     		  <div id="abc"></div>
     		  <a href="#abc">111</a>
     		  点击a标签页面下滑或者上滑到指定id的div
    
     		[属性]target	
     			_self 默认在当前页面跳转
     			_blank 跳转到另一个新的页面
    
  • img

     		[属性]src 图片地址
     				url
     				相对路径
     				绝对路径
     				base64格式的数据
     				
     		[属性]alt 图片找不到的时候文本替换
    
  • strong 字体加粗

  • b 字体加粗

  • em 强调

  • i 斜体

  • sub 下标

  • sup 上标

  • del 删除线

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值