文档介绍:网页设计
HTML
xhtml
CSS
网站设计
(教材第2章)
1 页面中内容
文本
图片
超链接
音乐/视频
表单
1-1 HTML标记结构
<html>
<head>
头部
…
</head>
<body>
正文
…
</body>
</html>
1-2 HTML特点
简单<span>Good Morning</span>
国际标准浏览器解释,与OS无关
1-3 标记语法
<标记>对象</标记>
<标记属性1=参数1 属性2=参数2 事件=方法>对象</标记>
<标记>
2 XHTML结构
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<html xmlns="9/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src=""></script>
<link rel="stylesheet" type="text/css" href="css/" />
<link rel="shortcut icon" href="images/" />
<title>Example | </title>
</head>
<body>
正文
…
</body>
</html>
2-2 XHTML标准
XHTML文档验证
XML规则
标记小写
页面内容、样式、操作设计分离
3 常用HTML标记
内容组织类
样式表示类
界面操作类
3-1 <head>中标记:页面信息
标题、文档关键词、内容描述、语言字符集、编辑器等。
<head>
<title>学****网页设计</title>
<meta name="keywords" content="web, html, css, xml">
<meta name="description" content="This web page …">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage ">
</head>
3-2 <body>中标记:层、端、行、片段
<body>
<div>
<p>
<span>…<span>
</p>
<p>…</p>
</div>
<div>
...
</div>
</body>