HTML&CSS初学者指南：标签差异、命名规则与基础语法

html

需积分: 9 0 下载量 152 浏览量更新于2024-09-11 2 收藏 86KB DOCX 举报

身份认证购VIP最低享 7 折!

30元优惠券

本资源主要针对HTML和CSS的初级学习者，涵盖了HTML的基础概念、HTML与XHTML及HTML5的区别、CSS的基本语法和命名规则，以及一些实用的HTML标记和特性。以下是详细的内容概要： 1. **HTML与XHTML的区别**： - XHTML要求严格的标签嵌套和闭合，标签名和属性名必须小写，且属性值需用引号包围。 - HTML5相对于XHTML1.0的改进在于移除了DTD声明，将`<!DOCTYPE>`声明改为`<!DOCTYPE html>`，使得代码更加简洁。 - HTML5引入了新特性，如`<canvas>`用于绘画，`<video>`和`<audio>`用于媒体播放，以及本地离线存储和特殊的语义元素如`<article>`等。 2. **CSS命名规则**： - CSS类和ID的命名应遵循规则，不能以数字开头，允许使用大小写字母、下划线和数字，但大小写敏感，推荐使用有意义的名称。 3. **HTML简介**： - HTML不是编程语言，而是标记语言，主要用于描述网页结构和内容。 - 提到了一个“黑客方法”，即通过删除`<title>`标签内容来展示HTML结构的局限性，但这样做可能导致页面内容缺失。 - 强调了`<font>`标签已过时，不建议使用。 4. **HTML标记的语法**： - 标记由开始和结束标签构成，如`<div>我很好</div>`。 - 分为单标记（如`<br>`或`<hr>`）和双标记（如`<div>`和`</div>`），其中双标记可以带属性，如`<div class="one">...</div>`。 5. **标记的属性**： - 不同标记可能有不同的可选属性，但属性值通常必需。例如，`<hr>`的`width`属性是可选的。通过学习这些基础知识，初学者能够建立起HTML和CSS的基础框架，理解网页结构和样式设置的核心概念。同时，注意实践中遵循语义化和现代标准，以便更好地构建可维护和兼容不同浏览器的网页。

资源推荐