本文主要介绍了HTML和CSS的基础知识，包括网页构成、HTML标签、CSS盒模型、浮动和定位等内容。通过学习，你可以理解网页的结构、表现和行为，并掌握基本的样式设置技巧。
目录
一、HTML、CSS基本知识
网页构成：
-
网页：构成网站的基本元素
-
结构：对网页元素整理和分类，写入HTML文件
-
表现：设置网页板式、颜色、大小等外观样式，写入CSS文件中
-
行为：网页模型定义及交互编写，主要为JavaScript文件
HTML（骨架）：
HTML 是用来描述网页的一种语言
-
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
-
HTML 不是一种编程语言，而是一种标记语言 (markup language)
-
标记语言是一套标记标签 (markup tag)
-
HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
-
HTML 标签是由尖括号包围的关键词，比如 <html>
-
HTML 标签通常是成对出现的，比如 和
-
标签对中的第一个标签是开始标签，第二个标签是结束标签
-
开始和结束标签也被称为开放标签和闭合标签
HTML 文档 = 网页
-
HTML 文档描述网页
-
HTML 文档包含 HTML 标签和纯文本
-
HTML 文档也被称为网页
-
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：
-
例：
<html> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>
-
<html>与</html>之间的文本描述网页 -
<body>与</body>之间的文本是可见的页面内容 -
<h1>与</h1>之间的文本被显示为标题 -
<p>与</p>之间的文本被显示为段落
标签与段落：
-
<h1>一级标题</h1> <p>我是一个段落标签</p> <h2>文字加粗一行显</h2> <br/>换行标签 <h3>字号依次减</h3> <hr/>分割线标签 <h4>加粗随之变</h4> <h5>语法规范后</h5> <h6>效果刷新见</h6>
语义 文本格式化标签 加粗 <strong></strong>或<b></b>倾斜 <em></em>或<i></i>删除线 <del></del>或<s></s>下划线 <u></u>（不建议使用，使用style样式代替）大号字 <big>小号字 <small>下标字 <sub>上标字 <sup>插入字 <ins> -
引用和术语定义：
-
标签 描述 <abbr>缩写 <acronym>首字母缩写 <address>地址 <bdo>文字方向 <blockquote>长的引用 <q>短的引用 <cite>引用、引证 <dfn>定义一个定义项目 -
内联元素：内联元素在显示时通常不会以新行开始，例：
<b>, <td>, <a>, <img>分区与跨度：
-
<div>元素是块级元素，浏览器会在其前后显示拆行;<span>是内联元素,可用作文本的容器。 -
<div> </div>和<span></span>是没有语义的，它们就是一个盒子，用来装内容（图片，文字）的。如果与 CSS 一同使用，<div>元素可用于对大的内容块设置样式属性，<span>元素可用于为部分文本设置样式属性 -
div是大盒子,独占一行，定义文档中的分区或节；span是小盒子,多行显示，用来组合文档中的行内元素。
-
<div>元素的另一个常见的用途
-
最低0.47元/天 解锁文章
1118
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
