2020-12-22

                                     **web复习**
  HTML是超文本语言，是一种标记语言，而不是编程语言。它用来描述网页，由html标记和纯文本构成的文本文件。
  css(级联样式表（cascading style sheet ）)可以有效的对页面布局、字体、颜色、背景和其他效果实现更加精确的控制。是一种标记语言，不需要编译，属于浏览器解释型语言。
  javascript可以开发交互式Web界面，使用户和网页实现了实时性，动态性，交互性。
  复习题复习指针：可以导入外部样式表的标记的是style.
  &nbsp；符号可以在段落的首行插入空格
  在表单中插入文本域的正确的HTML代码是<textarea name="" rows="" cols=""> </textarea>       。
  超链接：有了超链接可以使各个独立的网页有机的连在一起构成一个网站。
  语法：<a href="url" name="标签" title="提示信息" target="窗体名称（指定打开目标窗口的方式）">超链接标题（内容）</a>
  target有以下属性：_self(在当前框架打开链接)，_blank（在一个全新的窗口中打开链接）
  _top(在根框架打开链接)，_parent（在当前框架的上一层打开链接），framename(在指定的框架或者浮动框架内打开链接，框架名称可以自定义)

绝对路径：

指文件完整的路径，包括盘符和文件传输的协议http、ftp等，一般用于网站的外部链接。它有两种，从盘符开始E：\web\index.html; 从协议开始http://www.edu.cn。

相对路径：

相对于当前文件夹的路径，从当前文件夹指向目的文件夹所在位置。
同目录：输入要链接的文档
链接到上一目录：输入url时先输入. ./，再输入目录名
链接到下一目录：先输入目录名，后加/

根路径:

指从网站的最底层开始起，一般网站的根目录就是域名下对应的文件名，以/开头然后书写文件夹名以此类推直到写完路径为止。如带盘符时E：/web/news/show.html注意这里书写时与绝对路径不一样的。（斜杠方向不一样）

超链接的分类

内部链接和外部链接。

一般使用《a href=“url”>链接内容
图像超链接：《a href=“url”>(用图像代替原来的标题内容)
电子邮件超链接：《 a href =“mailto:E-mail地址”》链接内容《/a》(因为显示原因用《》代替<>)
定义书签：《a name=“书签名”》书签标题《/a》
定义书签链接：
同一界面：《a href="#书签名"》书签标题点击会调到书签处。
不同界面：《a href=“url#书签名”》书签标题
**html文档：**由头部head 和 主体body两部分组成，头部head标记可以定义标题、样式等，头部信息都不显示在网页上，主体body标记可以定义段落、标题字、超链接、脚本、表格、表单等元素。
它以<html》标记开始，以《/html》结束
标题《title》显示在浏览器的标题上《/title》
meta 标记 用于描述网页，方便浏览器机器人查找。
body的几个属性text,bacolor（文档的背景颜色）,alink（文档的超链接的颜色）,link（规定文档中未被访问的超链接的背景颜色）,vlink（规定文档中已经被访问的超链接颜色）,background（规定文档的背景图像）,topmargin（规定文档中 上边距的大小）,leftmagin（规定文档中 左边距的大小 ）
font——style（字体样式）：normal （正常）| italic（倾斜） |oblique(更倾斜)
font——family(字体):字体1，字体n
font——variant(字体变体，针对 英文大小写)：normal,small-caps(使用小型的大写字母)
font——weight (字体粗细)：normal | bold(粗体) | bolder(特粗体) | lighter (细体) 或者写整数
font复合属性(中间以空格隔开，且字体必须有)：字型（包括字的样式，字的粗细，字的变体,font-variant）字号（font-size）字体（font-family）
letter-spacing；(字符间距)
首行缩进 text-indent :(首行缩进两个字符 等于4个&nbsp)
text-decoration(字符装饰)：none （可以去掉超链接的下划线）|underline （下划线）|overline（上划线） |linethrough(加删除线)
text-transform(英文大小写转换)：capitalize(每个单词第一个字母大写)，uppercase(转成大写)，lowercase(转成小写)，none (不转)
text -align:justify(两端对齐)
vertical-align；top middle bottom text_top text-bottom
background 的几个属性：background——color（元素的背景颜色） background——image（背景图片） background-repeat（是否重复填充） background-attachment（是否随字体一起滚动） background-position(定义背景图案的起始位置)
background 复合属性：颜色，图片，平铺方式，位置
list-style-type(disc circle square none 等) list-style-image(url) list-style-position(insite outsite)
复合属性：list-style:list-style-type list-style-image list-style-position
边框属性（样式） border-style:solid(实线)，dotted(点状)，dashed(虚线)，double(双线)
边框宽度border-width:medium(默认值)，thin(小于默认值)，thick(大于

边框颜色 border-color
边框复合属性：border:宽度，风格，颜色
magin(定义外边界)，padding（定义内边界）
表格语法：
《table 》<caption》表格标题《/caption>
tr行
th 标题
td列《/table》
其中cellspacing 单元格之间的间隔，cellpadding 单元格中的内容与内部边框的距离
colspan 跨列合并 rowspan 跨行合并
表单（前后端交互的媒介）
《form method=“post(get(默认))”》
input(botton ,submit reset)（文本框，按钮啥的可以用他，单标记 text password checkbox file hidden radio image）
textarea …/textarea(文本域)
fieldset legend(双标记) >标题内容</legend /fieldset
select (multiple可选多项)
option …/select(下拉框)
《/form》