文档介绍：标题:
字体: 微软雅黑粗体
字号: 32-36pt
颜色: 主题蓝色
副标题:
字体: 微软雅黑
字号: 24pt
颜色: 主题灰色
网页设计：从界面布局到视觉表现
基础篇
界面交互篇
视觉表现篇
综合案例篇
综合案例篇
网站静态页面前端开发基础
餐饮类网站静态页面设计
9. 网站静态页面前端开发基础
html基础
css基础
javascript脚本基础
案例——幻灯片效果
html简介
html基础
我们精心制作出的一张psd效果图，并不是能够被浏览器或者手机展示出来的网站。要让浏览器或者手机能够显示网站，必须将效果图转换为浏览器或者手机能够认识的语言，这种语言就是html语言。
html英语意思是 Hypertext Marked Language，即超文本标记语言。为什么是超文本呢？其实还可以翻译为超级文本，它的意思是可以比我们平时写的书信要强很多的文本，可以加入图片、声音、动画、影像，还可以从网页中的一个链接跳转到另一个页面。这就是为什么叫超文本标记语言的原因。
html文档结构
对于从来没有过编程经验的同学，学****html可能会比较难，因为，它既不像汉语也不像英语，可以直接从左到右读出一个语义出来。目前的计算机很难直接理解人类的自然语言，所以必须以一种特殊的格式来表示网页的外观。
这种格式就是html文档格式，如下是一个简单的html页面代码：
html文档主要由3部分组成：html部分、文档头head、文档体body：
（2）文档头
头部以<head>标签开始，以</head>标签结束。这部分包含显示在网页导航栏中的标题和其他在网页中不显示的信息。
标题包含在<title>和〈/title〉标签之间，表示这个网页的页面标题，如下：
<head>
<title>......</title>
</head>
（3）主体部分
主体部分以<body>标签开始，以</body>标签结束。主体部分包含再网页中显示的文本、图像和链接等，如下：
<body>
......
</body>
常用标签
html语言的一些基本语法单位，我们称为标签，也称为html标签或者html元素。html标签可以大写、也可以小写，如标题<h1>和<H1>所表达的意思是一样的，但是目前的html规范中，推荐使用小写，这也是一种好的书写****惯。
html标签有如下的一些特点，需要引起我们的注意：
（1）标签是由尖括号包围，例如<html>
（2）标签一般式成对出现，例如<html>和</html>需要成对出现，<html>表示开始，</html>表示结束。但是也有单独出现的标签，如图像标签<img src=””/>就是单独出现的，但是需要在反坚括号(>)前加一个斜线（/），表示结尾。成对出现的标签和单独出现的标签有什么区别呢？主要是成对出现的标签，在两个标签中间有内容，如<div>我们</div>，而单独出现的标签是没有内容的，如<img />
①标题标签
html标题是通过 <h1> 、<h2>、<h3>、<h4>、<h5>、<h6> 等标签进行定义的，它们表示不同大小的标题文字，和word一样，一级标题最大，六级标题最小，如下代码：
下面介绍一些常用的标签：
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>