HTML与CSS入门:文档结构与元信息详解
在HTML和CSS的学习笔记中,"div css"是一个关键的主题,主要涉及前端网页开发的基础结构。本文档首先强调了文档声明的重要性,它虽然不在HTML文档内容内,但对浏览器渲染具有直接影响,无需关闭。HTML文档由三个主要部分组成:文档声明、head区域和body区域。 文档声明包含`<!DOCTYPE>`和`<html>`标签,其中`<!DOCTYPE html>`声明了文档类型,如指定为`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`,以指导浏览器使用哪种规范解析文档。`<html>`标签则是整个文档的根元素,其属性如`xmlns`定义了文档使用的命名空间。 head区域主要包括<title>标签用于设置网页标题,如`<title>这真的是标题?</title>`,这是用户在浏览器标签页上看到的网页名称。`<meta>`标签用于提供元信息,如`<meta http-equiv="Content-Type" content="text/html;charset=utf-8">`确保文档是UTF-8编码,`<meta name="description">`和`<meta name="keywords">`分别用于描述页面内容和关键字,方便搜索引擎理解和索引。 body区域则是网页的主要内容区域,如`<body>Helloworld</body>`,这里的文本将直接显示在浏览器窗口。值得注意的是,网页源码中的换行不会在实际页面中显示,但为了代码的可读性,建议适当使用换行。 HTML标签分为单标签和双标签,如`<br>`表示换行,而`<b>`用于创建加粗效果,它们都要求闭合。尽管标签可以嵌套,但应遵循一定的规则,例如 `<b>`标签内不能嵌套`<i>`标签,即`<b><i>...</i></b>`是非法的。在布局网页时,图片通常通过`<img>`标签引入,并结合CSS来控制其样式和位置。 CSS(层叠样式表)与HTML密切相关,它允许开发者控制网页的外观和布局。通过选择器和声明来指定元素的样式,如颜色、字体、尺寸等。CSS不仅可以作用于单独的HTML元素,还可以应用于div(division)元素,div是网页布局中的基本容器,可以组合和定位其他HTML元素,形成复杂的布局结构。 总结来说,学习HTML时要注意文档结构、元信息的设置、正确使用HTML标签和标签嵌套规则,同时掌握CSS基础语法,以便灵活地创建和设计美观的网页。理解div元素及其在CSS中的运用,是前端开发中不可或缺的基础技能。
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/default.jpg!1)
- 粉丝: 0
- 资源: 14
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- Hadoop生态系统与MapReduce详解
- MDS系列三相整流桥模块技术规格与特性
- MFC编程:指针与句柄获取全面解析
- LM06:多模4G高速数据模块,支持GSM至TD-LTE
- 使用Gradle与Nexus构建私有仓库
- JAVA编程规范指南:命名规则与文件样式
- EMC VNX5500 存储系统日常维护指南
- 大数据驱动的互联网用户体验深度管理策略
- 改进型Booth算法:32位浮点阵列乘法器的高速设计与算法比较
- H3CNE网络认证重点知识整理
- Linux环境下MongoDB的详细安装教程
- 压缩文法的等价变换与多余规则删除
- BRMS入门指南:JBOSS安装与基础操作详解
- Win7环境下Android开发环境配置全攻略
- SHT10 C语言程序与LCD1602显示实例及精度校准
- 反垃圾邮件技术:现状与前景
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)