HTML与CSS网页设计概述
一.Web基本概念
（1）web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
(2)认识网页
1.方式;菜单栏—查看—源文件—即可查看源代码
2.源文件是一个纯文本文件
3.网站有网页构成，有静态动态之分。
静态网页是指内容是死的。这里的静，指的就是内容完全不变，不会跑；
动态网页是指内容是活的。这里的动，指的是内容是从数据库中，或者是从别的地方写出来的，拼接而成的。
（3）名词解释
1.Internet：即我们所说的因特网，是由一些使用公共语言互相通信的计算机连接而成的网络，实现全球的信息资源共享
2.WWW 译为“万维网”，但他不是网络，也不代表Internet，他只是Internet提供的一种服务—网页浏览服务
3.URL：统一资源定位器，俗称网址。是一种特殊类型的URI，包含了用于查找某个资源的足够的信息
4.DNS：进行域名解析的系统
5.HTTP:是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。是一个基于TCP/IP通信协议来传递数据，一个属于应用层的面向对象的协议 6.Web：他是一系列的复合总称（包括网站的前台布局，后台程序，美工等），称其为网页
7.W3b组织：“万维网联盟”是国际最著名的标准化组织
（3）了解Web标准
主要包括结构、表现、行为
对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，
表现标准语言主要包括CSS，进行网页布局。
行为标准主要包括对象模型（如W3C DOM）、ECMAScript等
想要实现web标准：结构化文档。
二.网页制作入门
（1）HTML简介
全称是超文本标记语言（Hyper Text Markup Language）
第一就是超文本，可以简单理解为链接，也就是网络的基础，将单个网站内或网站之间的内容彼此连接，比如用a标签的锚点属性可以直接跳转到本页面的某个指定元素，以及点击a标签可以跳转到它的href指定的url（现在不明白也无妨，之后的文章会讲）。
第二就是标记语言，简单理解为注明，只不过是用标签的方式。就好像超市各种商品上的条形码一样，HTML有自己的条形码
而这些标签的作用就是让浏览器识别出开发者插入的到底是图片还是段落还是超链接，从而实现想要的功能。顺带一提，标记语言不是一种编程语言。
(2)CSS简介
css中文名称为层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
（3）常见浏览器
IE浏览器
火狐浏览器
谷歌浏览器
三.创建第一个网页
下载—绑定浏览器地址
HTML入门
一.什么是HTML
（1）HTML文档基本格式
<!DOCTYPE >标签
<html>标记
<head>标记
<body>标记
注：<head>标记一定要在<body>标记上面
（2）HTML标记
1 双标签<标记名 属性=“属性值”>内容</标记名>
2 单标签<标记名 属性=“属性值” />3 换行与水平线文章中难免会出现换行，也就是打字时候敲的回车键，两个字母实现换行:水平线，<hr/>，也就一条分割线。 4.注释标记：
(3)标记的属性 <标记名 属性1=“属性值1” 属性2=“属性值2”...>内容</内容名> 注：用空格分开 left 左对齐 center 居中对齐 right 右对齐 （4）HTML文档头部相关标记 1.标记用于定义页面元信息，可重复出现在<head>头部标记中 2.注释掉：右击选中块注释 取消注释：右击选中反注释 （5）文本样式标记 <fond 属性=“属性值”>文本内容`
fond :来控制来控制网页中文本的字体、字号、颜色
标记的常用属性
face：设置文字的字体
size：设置文字的大小，可以取1–7之间的整数值
color：设置文字的颜色
（6）文本格式化标记
扫一扫
1509
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
