div标签-HTML5精讲 课时ID:6.7 【表严肃】#HTML教程 #HTML5教程 #div标签#

6.7 <div>标签-HTML5精讲 课时ID:6.7 【表严肃】#HTML教程 #HTML5教程 #div标签


是什么

<div>是用于在网页中划分区域的(division的缩写),通常作为容器而存在,用于包含网页中的内容,
是最常用的网页元素之一。

怎么用

<html>
    <body>
    <div>你好,我是序员。</div>
    <div>
        <div>
            <div>
                <div>
                    <div>
                        你是个好人。
                    </div>
                </div>
            </div>
        </div>
    </div>
    <mmp>简单点。套路的方式简单点。</mmp>
    </body>
</html>

<div>的特点是非常纯粹,在没有明确指定的情况<div>下没有边框,没有填充,没有边距,完全透明,在标签中没有内容的情况下高度为零,完全不可见,它的高度随身体里的内容而定,内容多就高内容少就低,可以说<div>是个完美的容器,想象一个完全透明、没有质量、体积为零但容积自由伸缩无限、质量还极好的塑料袋,<div>就是个这样的存在。

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接:biaoyansu.com/6.7

Tips:

  • 一张网页可有多个<div>标签
  • <div>是块级元素(默认宽度是100%)
  • <div>中可以存在子元素。

本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=hh2ik0i0iab

原文地址:https://www.cnblogs.com/homehtml/p/12598717.html

时间: 2024-10-08 21:50:20

div标签-HTML5精讲 课时ID:6.7 【表严肃】#HTML教程 #HTML5教程 #div标签#的相关文章

p标签-HTML5精讲 课时ID:6.6 【表严肃】#HTML教程 #HTML5教程 #&lt;p&gt;标签

6.6 <p>标签-HTML5精讲 课时ID:6.6 [表严肃]#HTML教程 #HTML5教程 #p标签 是什么 <p>是段落标签(paragraph的缩写),用于给文字划分段落,一组<p>元素为一个段落 怎么用 比如一篇文章,如果需要三个段落可以这样写: <html> <body> <p> 很久以前,那还是我用win98的时候有次我系统崩溃了,因为我是电脑白痴,我朋友给我介绍了一个高手来帮我修电脑. 他看了一下电脑,问我有没有98

html标签-HTML5精讲 课时ID:6.1 【表严肃】#HTML教程 #HTML5教程 #html标签

6.1 <html>标签-HTML5精讲 课时ID:6.1 [表严肃]#HTML教程 #HTML5教程 #html标签 是什么 如果把网页比作洋葱,一层包一层,那<html>标签就是洋葱最外层的皮,<html> 元素是一张网页的根元素,所以其他所有元素都是是此元素的后代. 怎么用 很简单,在写任何网页之前先将<html>写在最外面: <html> ... </html> 教程视频地址:表严肃HTML5精讲 短小! 活好! 链接:bia

body标签-HTML5精讲 课时ID:6.2 【表严肃】#HTML教程 #HTML5教程 #body标签

6.2 <body>标签-HTML5精讲 课时ID:6.2 [表严肃]#HTML教程 #HTML5教程 #body标签 是什么 把一张网页比作一个人<body>标签就表示一个人所有的可见部分,如五官.四肢.痔疮... 对于真实存在的但是肉眼不可见的部分,如思想.人格.性取向等<body>标签是管不着的.<body>包含着页面中所有的可见元素,比如链接.段落.图片... <body>是所有的可见元素的先人. 怎么用 <html> <

第三百七十节,Python分布式爬虫打造搜索引擎Scrapy精讲—elasticsearch(搜索引擎)用Django实现搜索结果分页

第三百七十节,Python分布式爬虫打造搜索引擎Scrapy精讲-elasticsearch(搜索引擎)用Django实现搜索结果分页 逻辑处理函数 计算搜索耗时 在开始搜索前:start_time = datetime.now()获取当前时间 在搜索结束后:end_time = datetime.now()获取当前时间 last_time = (end_time-start_time).total_seconds()结束时间减去开始时间等于用时,转换成秒 from django.shortcu

Hibernate入门精讲

学习Hibernate ,我们首先要知道为什么要学习它?它有什么好处?也就是我们为什么要学习框架技术? 还要知道    什么是Hibernate?    为什么要使用Hibernate?    Hibernate的配置文件的作用是什么?          Hibernate映射文件的作用是什么?     Hibernate持久化对象的状态有哪些? 现在我先上面的问题解决了. 一.我们为什么要学习框架技术? 1.框架技术有哪些? 在Java开发中,我们经常使用Struts.Hibernate和Sp

Android基础入门教程——5.2.1 Fragment实例精讲——底部导航栏的实现(方法1)

Android基础入门教程--5.2.1 Fragment实例精讲--底部导航栏的实现(方法1) 标签(空格分隔): Android基础入门教程 本节引言: 在上一节中我们对Fragment进行了一个初步的了解,学习了概念,生命周期,Fragment管理与 Fragment事务,以及动态与静态加载Fragment.从本节开始我们会讲解一些Fragment在实际开发 中的一些实例!而本节给大家讲解的是底部导航栏的实现!而基本的底部导航栏方法有很多种, 比如全用TextView做,或者用RadioB

蓝鸥零基础学习HTML5第九讲 兼容性五

蓝鸥零基础学习HTML5第九讲 兼容性五 1.兼容性13 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box { width:400px; } .left { float: left; } .right { float: right; width:400px; } </s

蓝鸥零基础学习HTML5第九讲 兼容性六

蓝鸥零基础学习HTML5第九讲 兼容性六 1.兼容性16 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box { width:200px; height:200px; border:1px solid #000; position: relative; } .box span

蓝鸥零基础学习HTML5第九讲 兼容性一

蓝鸥零基础学习HTML5第九讲 兼容性一 1.兼容性到底是什么玩意 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> #box { width:400px; } .left { width:200px; background: red; height:300px; float:left