HTML5响应式 第一章 网页设计

本文详细介绍了HTML中的块级标签和行级标签,包括它们的特点和常见用途。块级标签如h1-h6、p、div、table等占据整行,适合构建页面结构;行级标签如span、a则与内容相关,适用于文本内嵌。通过div-ul(ol)-li、div-dl-dt-dd和div-table-tr-td等结构,可以实现分类导航、图文混编和表单布局。理解这些基础布局概念对于前端开发至关重要。
摘要由CSDN通过智能技术生成

标签分为:块级标签和行级标签

块级标签:占据一整行;宽度、行高、外边距和内边距都可控制;宽度始终与浏览器宽度一样,与内容无关;可以容纳内联元素和其他块元素

常用:标题h1-h6,段落p,水平线hr/,列表(ul、ol、li、dl、dt、dd),表格table,分区div以及表单form等。

行级标签:行其他元素在同一行上;行高、外边距和内边距部分可改变;宽度和高度只与内容有关;行内元素只能容纳文本或其他行内元素。

从布局出发,又将块级标签分为两类,即基本块级标签和用于局部布局的块级标签

基本块级标签:p、h1-h6、和hr

用于局部的块级标签:ul、ol、dl、table和form

分类导航或菜单:使用div-ul(ol)-li块结构

图文混编场合:div-dl-dt-dd

图文布局或显示数据的场合:div-table-tr-td

布局表单的场合:div-form-table-tr-td

通用样式global.css

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值