css 层叠样式表 html 静态页面 images/img 图片 .jpg .png .gif js
html 结构层 .html/.htm one.html css 表现层 .css Javascript 行为层 .js
字母,数字,下划线,不能以数字开头,不能是中文。
header 头部 (logo 登陆 注册信息) nav 导航 (一对一的关系) banner 图片 (tab焦点图) content 内容 footer 底部 (版权信息 地址 邮箱)
1、jpg 色彩丰富,文件量小 2、gif 支持动画,支持透明,最多只支持256种颜色 3、png 无损压缩,文件量大(png8/32支持透明,png24支持半透明,IE6浏览器不支持)
文档类型声明<!DOCTYPE html> html5 整个文档的包含元素<html></html> 根文件 头文件<head></head> 不显示 <title></title>用于为文档定义标题 <meta/> 语言声明,语言编码(utf-8、gb2312…) 元信息 <link> 外部链接CSS文件 <style></style> 内部编辑CSS文件 文档主体部分<body></body> 显示
路径(url) 相对路径(可以变) 绝对路径(不能改变 http://www.baidu.com)
html(超文本标记语言) <meta charset="UTF-8"> 空格 属性名=“属性值” 属性
css(层叠样式表) h1(选择器){ color:red; 属性名:属性值; 属性 样式声明 font-size:19px; }
<link> 外部链接CSS文件 <style></style> 内部编辑CSS文件 (内嵌) 行内/内联css <h4 style="color:green;background-color:yellow;">4444</h4> 外部导入 @import url("…/css/two.css");必须在头上,外部链接CSS文件()或者内部编辑CSS文件(<style>)