第4课:Добавiвблок
![preview](https://csdnimg.cn/release/downloadcmsfe/public/img/white-bg.ca8570fa.png)
![preview-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/scale.ab9e0183.png)
在本课程中,我们将深入探讨HTML(超文本标记语言)中的"添加块"这一概念,这是构建网页结构的基础。HTML是互联网上最常用的标记语言,用于创建和设计网页内容。"添加块"这一术语通常指的是在HTML文档中插入不同的元素,这些元素可以是文本、图像、链接等,它们共同构成了网页的布局。 我们要了解HTML的基本结构。一个标准的HTML文件由两部分组成:头部(head)和主体(body)。头部包含了元数据,如文档标题、字符编码和外部资源链接,而主体则包含实际显示在浏览器中的内容。 在HTML中,元素通过标签来定义。例如,`<h1>`到`<h6>`是标题标签,用于设置不同级别的标题;`<p>`是段落标签,用于组织文本;`<img>`用于插入图像,`<a>`则是链接标签,用于创建超链接。"添加块"可能涉及到这些元素的使用和嵌套。 "添加块"的一个关键概念是块级元素和行内元素。块级元素如`<div>`, `<p>`, `<h1>`-`<h6>`会在页面上占据一整行,它们之间默认有空行分隔。行内元素如`<span>`, `<a>`, `<img>`则只占用其内容所需的宽度,并可以与其他行内元素在同一行内排列。通过合理使用这两种元素,我们可以构建出层次清晰、布局灵活的网页。 在HTML中,我们还可以通过CSS(层叠样式表)来控制元素的布局。比如,可以使用`display`属性将行内元素转换为块级元素,或者反之。`display: block;`使元素变为块级显示,`display: inline;`则让它表现为行内元素。此外,CSS还提供了`float`属性来实现元素的浮动,以及`position`属性进行定位,这些都是调整网页布局的重要工具。 在"lesson-4-main"这个文件中,可能包含了本课程的实例代码和讲解,帮助学习者通过实践理解如何在HTML中添加和布局各种元素。通过分析和修改这些代码,你可以更深入地理解"添加块"的概念,并学会如何创建符合需求的网页布局。 掌握HTML中的"添加块"不仅仅是插入和排列元素,更是关于理解网页结构、元素类型、以及如何使用CSS进行美化和控制布局的关键技能。随着你对这些概念的熟悉,你将能够自如地创建出富有吸引力且功能完善的网页。
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![circ](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![package](https://csdnimg.cn/release/downloadcmsfe/public/img/package.f3fc750b.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/SVG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/SVG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/SVG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/SVG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/SVG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/SVG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
- 1
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/8e7fec4d6f6647ab8157c65fc29c1101_weixin_42112894.jpg!1)
- 粉丝: 31
- 资源: 4560
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)