求静态网页制作教程 第1篇
：定义整个 HTML 文档。
：包含文档的元数据，如标题、样式表链接、脚本链接等。
：定义文档的标题，显示在浏览器的标题栏或标签页上。
：包含文档的主体内容，即用户在浏览器中看到的部分
h1~h6 有加粗效果 h1字体最大 h6字体最小
双标签：
单标签：
属性【对齐方式】：align = _lift_ //(左对齐)
align = _center_ //(居中)
align = _right_ //(右对齐)
eg:把文字改成粉紫色 大小为2 斜体
属性：
由于浏览器原因有些符号识别不出来，需要转义字符
都是以 & 开头，以 ; 结尾
路径【绝对路径和相对路径
图片非正常加载时，显示提示文字
width
height
border
title
鼠标滑过时显示提示文字
eg:插入图片设高度 宽度为28px 边框为宽度为1 鼠标滑过显示 _this is car_
无序列表是一个整体，里面包含若干个列表项
快捷键： ul > li{写文字内容} * 10
可以使用type属性修改项目符号类型
属性:
eg:将无序标识点改成小方块
有序列表是一个整体，里面包含若干个列表项
快捷键： ol > li{文字内容} * 10
可以使用type属性修改默认符号类型
属性值有：1 默认值 a A i I
可以使用start属性修改起始值
可以使用reversed属性设置倒序
自定义列表多用于图文混排，包含两部分内容：dt定义项 dd描述项
快捷键： dl > dt + dd
创建超链接 语法：
(1) 链接到外部网页
eg:这是一个百度的超链接
（2）链接到内部页面或锚点：
i：链接到同一网站的不同页面，例如
ii：链接到页面内的特定位置（锚点），首先在目标位置设置一个锚点
然后在链接处使用
1》给table设置width height bgcolor=red
2》给tr设置bgcolor=white 【tr的背景色 覆盖掉 table的背景色】
3》给table设置 cellspacing = 1 【调整边框的粗细】
效果：
属性：
width height bgcolor background align border cellspacing cellpadding
height bgcolor background align valign垂直对齐方式
width bgcolor background align valign colspan水平合并 rowspan垂直合并
colspan水平合并，--->
rowspan垂直合并，↓
合并的步骤：
1、设置rowspan = 数字，合几为一，就等于几
2、删除掉被合并的单元格
eg: 效果：
表格：多行多列的参数，用于数据的展示
表单：用于数据的手机，实现用户与服务器的交互。
表单是一个整体，里面包含若干项
使用type属性，可以修改输入框类型
eg:
1》在radio单选框中，必须使用name设置同一组，才能实现单选
2》在单选框radio和复选框CheckBox中使用checked设置初始选中
3》在文本框 密码框中使用 placeholder 设置模糊提示文字
4》有三种按钮形式reset重置 submit提交 button普通
下拉列表select是一个整体，里面要包含选项option
eg:
控制列数/宽度
rows
控制行数/高度
maxlength
控制最大长度/限制字数
eg:
求静态网页制作教程 第2篇
就近原则：行内样式 > 内部样式 > 外部样式 行内样式：
内部样式 ： 在head中添加style
外部样式： 引入：写在head中 先加载css再加载html，推荐使用
导入：写在style中 先加载html再加载css，特有，不太推荐使用
层次选择器 后代 E F 子代 E>F 相邻兄弟 E+F 通用兄弟 E~F 结构伪类选择器 其他元素会占位置 li:first-child 作为父元素的第一个子元素的li li:last-child li元素中的最后一个 li:nth-child(3) li元素中的第三个 其他元素不会占位置 li:first-of-type 父元素内具有指定类型的第一个li li:last-of-type li:nth-of-type(4)
求静态网页制作教程 第3篇
标签有分类——单标签、双标签
元素有分类——块元素、行内元素、行内块元素
1》块元素：独占一行、设置宽高生效、默认宽度占父元素100%
display: block;
2》行内元素：在一行之内显示、设置宽高不生效、默认宽度是内容撑开的
display: inline;
3》行内块元素：既在一行之内显示、宽高还生效
display: inline-block;
background:linear-gradient(to bottom , red ,oringe, yellow);
background:linear-gradient(red , oringe , yellow);
/*文字阴影*/
text-shadow:1px(水平偏移量) 1px（垂直偏移量） 1px（模糊程度） red; //可以多个叠加颜色
box-shudow: 0px(水平偏移) 2px（垂直偏移） 8px（模糊程度） 10px（扩展半径） #ccc inset（内阴影）;
只能由一种状态过渡到另一种状态
定义关键帧： 使用 @keyframes 规则来定义动画的关键帧。关键帧指定了动画在不同时间点的状态。
求静态网页制作教程 第4篇
标签可以分为两类 块级元素 元素独占一行 可以设置宽高 h1-h2 p ul li ol li dl dt dd table tr 行内元素 元素不独占一行 不可以设置宽高 strong b em i s a span s img 表单元素 行内块 元素不独占一行 可以设置宽高 img
标签的写法 单标签 只有开始标签，没有结束标签 <单标签> 双标签 有开始有结束 <双标签>双标签结束>
路径 相对路径 ./同级 …/上级 …/…/上上级 image\同级文件夹下 绝对路径 本地路径/网站地址