html学习笔记4

待我称王封你为后i 2022-06-12 01:36 154阅读 0赞

5.2表格的布局

布局：是一个页面的整体结构，

结构特点：从上往下，从左往右，一般每一行高度是一致的

<table width="100%">  
    <tr>  
        <td colspan="3" style="height: 120px;background-color: red"></td>  
    </tr>  
    <tr>  
        <td style="height: 400px;background-color:green;width: 150px"></td>  
        <td style="width: 700px;background-color:darkblue"></td>  
        <td style="width: 150px;background-color: pink"></td>  
    </tr>  
    <tr>  
        <td colspan="3" style="height: 100px;background-color:yellow"></td>  
    </tr>  
</table>

页面的布局可以通过table来实现，一个单元格就是一个布局区域单位，该区域的大小可以通过height和width属性来设置，改变位置通过单元格的相对位置来实现，同时可以结合rowspan和colspan两个属性来完成单元格的合并

当布局较为复杂的时，可以使用table的嵌套来实现，即在某个单元格中再嵌入一个table进行划分

6.div

6.1写法

<div style="border: dashed; width:  100px; height:  100px" ></div>

显示特点：在新的一行进行显示。块（级）标签

Division定义一个分块

块级元素和内联元素的区别

块级元素占满行，而内联元素会按照顺序从左至右依次排列

7标签总结

块级标签：在新的一行进行显示

div、h1~h6、p、hr、table、ul、pl、dl、tr、option、caption、dd

内联标签：不会新起一行显示

Img、inpu、a、td、textarer、span、label、select、th、button、

内联标签一般不能嵌套块级标签

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML学习笔记

标签可分为自闭合与主动闭合自闭合标签 <meta charset="UTF-8"> 主动闭合标签 <h1 style="b

r囧r小猫/ 2023年01月06日 01:25/ 0 赞/ 155 阅读

相关 HTML5——CSS学习笔记（4）CSS属性

CSS属性 > 属性：属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性 > 属性值：属性值包括法定属性值及常见的数值加单位，如25px，或颜

末蓝、/ 2022年12月11日 04:24/ 0 赞/ 209 阅读

相关 HTML学习笔记

HTML的概念 HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

Love The Way You Lie/ 2022年12月01日 14:17/ 0 赞/ 163 阅读

相关 HTML4学习笔记

HTML笔记 hyperText markup language 超文本标记语言基础标签一、html标签 <html></html>根标签

た入场券/ 2022年12月01日 03:41/ 0 赞/ 84 阅读

相关 HTML学习笔记

目录 HTML基础知识... 2 1.1标记语言基本概念... 2 1.1.1什么是计算机语言... 2 1.1.2什么是标记语言... 2 1.2 HTML基本结

刺骨的言语ヽ痛彻心扉/ 2022年06月13日 12:17/ 0 赞/ 237 阅读

相关 html学习笔记4

5.2表格的布局布局：是一个页面的整体结构，结构特点：从上往下，从左往右，一般每一行高度是一致的 <table width="100%"> <tr>

待我称王封你为后i/ 2022年06月12日 01:36/ 0 赞/ 155 阅读

相关 Angular4学习笔记--HTML属性绑定

Css 类绑定  <div [class]="divClass">CSS 类绑定，[class] 全

傷城~/ 2022年05月28日 01:46/ 0 赞/ 141 阅读

相关 HTML学习笔记4-HTML属性

一、HTML属性 1.HTML标签可以定义属性 2.属性定义在开始标签中 3.属性总是以键值（key="value"）对的形式出现。 4.属性值始终要包含在双引号内

怼烎@/ 2021年11月11日 16:02/ 0 赞/ 190 阅读

相关 HTML学习笔记

> 学习网站https://www.w3school.com.cn/h.asp > 持续学习，持续更新文章目录基础一.简介二

骑猪看日落/ 2021年09月07日 06:02/ 0 赞/ 630 阅读

相关 HTML学习笔记

web标准构成结构、表现、行为、 HTML、CSS、JavaScript、 <html> 表示整个html页面的开始 <head> 表示整个html

青旅半醒/ 2021年08月24日 16:40/ 0 赞/ 391 阅读