本文是关于黑马程序pink老师的HTML学习笔记，主要介绍网页布局的基础知识，包括HTML5、CSS3的学习路径。内容涵盖Web标准的三个部分：结构、表现和行为，并解释了HTML语法规范，如标签的使用和关系。通过对品优购静态网站的项目实践，旨在掌握网页制作的开发流程和规范。
PC端网站布局
最终网站：品优购静态网站
目的：精通网页布局为后面的javascript打基础。
学习路线：
- HTML5基础
- CSS3基础
- HTML5，CSS3的提高
- 项目-品优购电商网站
目的：学习网页制作的实际开发制作流程规范。
概念理解：
网站：
是指在因特网上根据一定规则，使用HTML等制作的用于展示特定内容相关的网页集合。
网页：
是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片，链接，文字，声音，视频等元素组成。通常我们看到的网页常见以.htm或.html后缀结尾的文件，因此俗称为HTML文件。
HTML：
指的是超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种语言。
HTML不是编程语言，而是一种标记语言，标记语言是一套标记标签（markup tag）。
Web标准：
是由W3C（万维网联盟）组织和其它标准化组织制定的一系列标准的集合。
Web标准的构成：
结构（structure）：用于对网页元素进行整理和分类，现阶段主要学的是HTML。
表现（presentation）：用于设置网页元素的版式、颜色、大小等外观样式，主要是指CSS。
行为（behavior）：是指网页模型的定义及交互的编写，现阶段主要学的是JavaScript。
Web标准提出的最佳体验方案：
结构（似身体），表现（似外观装饰），行为（似动作）相分离。
简单理解：结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中。
HTML语法规范：
- HTML标签是由尖括号<>包围的关键词，例如<html>。
- HTML标签通常是成对出现的，例如<html>和</html>，我们称为双标签。标签中的第一个是开始标签，第二个是结束标签。
- 有些特殊的标签必须是单个标签（极少情况），例如<br/>,我们称为单标签。
- 标签关系：
双标签关系可以分为两类：包含关系和并列关系
包含关系（父子关系） 并列关系（兄弟关系）
<head> <head> </head>
<title></title> <body> </body>
</head>
扫一扫
736
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
