超链接标签<a>：
链接包括两项内容(基本内容)：
1链接地址：链接的目标（某个网站或是文件袋的路径），<a>标签的href属性。
<a  href=”链接地址”  target=”目标窗口位置”>链接文本或图像</a>
Target:指定链接在那个位置打开，常取的值有_self(自身窗口)、_blank(新建窗口)
2链接的文本或图像：单击该文本或图像，将跳转到href属性指定的链接地址，对应为<a>标签中的文字或图片。
(链接路径)：
根据链接的地址是指向站内还是站外，链接地址又分为：绝对路径和相对路径。
绝对路径：目标地址的完整描述，一般指向本站点外的文件。
相对路径：相对于当前页面的路径，一般指向本站点内的文件，所以一般不需要一个完整的U
RL地址的形式。
站内使用相对路径时最常使用的两个符号：“../”表示当前目录的上级目录、“../../”表示当前目录的上上级目录。
完整的链接路径形式：
Scheme：//host.domain:port//path/filename.
Scheme:表示各类通讯协议。常用的是HTTP(超文本传输协议)、ftp(文件传输协议)
Host：定义域中的主机名。可省略，默认值为主机www
Domain:应以英特网域名。
Path：定义服务器上的路径。
Filename：定义文档名称。
超链接的三类场合应用：
页面间链接：A页到B页，应用于网站导航
设置href=“其他页地址”即可。
锚链接：A页甲位到B页甲位，或是到A页乙位
<a  name=”marker”>目标位置乙</a>
<a  href=”#marker”>当前位置甲</a>
功能性连接：在页面中调用其他程序的功能，，QQ等。
<a  href=”mailtoto:网址”>站长信箱</a>
注释：
<!--注释-->
特殊的符号：
空格 
版权符号© ；
引号"；
大于号 >                小于号  <
表单
结构语法    <form  action =”表单提交地址”  method=”提交方法”>
</form>
Action （中文意思动作）属性：规定当提交表单信息时，向何处发送表单数据，也就是(处理表单数据的目标地址，默认为当前地址)
method  （方式/方法）属性：规定提交方式，取值为“get”或“post”。“get”方式一般适用于安全性要求不高的场合，而post一般适用于安全性较高的场合，默认值为get。
1.<input>元素的属性
属性
说明
Type
决定单元格的类型：text（文本框），password（密码框），radio（单选框），checkbox（复选框），submit（提交按钮），reset（重置），file（文件域）
Hidden（隐藏域），image（图形提交按钮）和button,默认值是text
Name
表单元素的名称
Values
表单元素的初始值  注意在多行文本域中没有此属性
Size
表单元素的初始宽度
Maxlength
指定text和password元素中输入的最大字符数
checked
只有一值，就是checked；表示选中状态，如果不选中，则不添加此属性。
需要注意到是：
用到单选按钮的时候，不能同时选中多个值，此时要设定他们的name属性为一致。确保用户只能选中一个值。
2.下拉列表框
<select name="指定列表的名称" size="行数">
    <option values="可选择值" selected="selected">显示的值</option>
</select>
Size属性来确定列表中的同时可以看到的行数
有多少个option就有多少个选项
3.多行文本域
<textarea name="" cols="" rows="">初始文本内容</textarea>
Rows表示指定输入的行数 cols制定输入的列数 没有values属性
W3C XHTML标准中，规定属性值不能省略，，要求写为属性=“属性值”的形式。
checked
Checked默认选中
selected
Selected
readonly
Readonly只读
disabled
Disabled禁用
属性
属性值
常用的修饰样式：
首先应该注意文本及字体的属性：
Font-family /font-size等是font属性的子属性，所以一般常使用字体的缩写形式，即利用“font”属性一次设置字体的样式属性。注意这三种样式的前后顺序为：粗细、字体大小、字体类型。
第七章预习：
第七章主要学习有3主要知识点：
1超链接伪类样式    2CSS中有三大样式表分别是：内部、外部、行内以及样式的优先级    3典型的局部布局有:层套有序无序（div-ul(ol)-li）层套图文并茂（div-di-dt-dd）表单（table-tr-td）表单套表格（form-table-tr-td）
1超链接的特殊性：当为文本或图片设置超链接时，文本或图片标签将继承超链接的默认样式，标签的元默认样式将失效。
2超链接伪类：就是不根据名字、属性、内容而根据标签处于某种行为或某种状态时的特征来修饰样式。
伪类
含义
应用场景
a:link
未单击访问时的超链接样式
常用，超链接主样式
a:visited
单击访问后的超链接样式
需区分是否已被访问
a:hover
鼠标悬浮其上的超链接样式
常用，实现动态效果
a:active
鼠标单击未释放的超链接样式
少用，一般与link一致
区域限制选择器:”父级元素+空格+子元素”时现在流行的做法。
3大应用样式：
内部样式表：就是我们最开始接触的样式表，它不利于在多页面间共享复用及维护，对于内容与样式的分离液不够彻底。
外部样式表：优点实现了样式和结构的彻底分离，同时方便网站的其它页面复用该样式，利于保持网站的统一样式和网站维护。
行内样式：比较直观，但却尽量少用或不用，因为内容与样式混写在一起，失去了CSS的最大样式。
行内样式表＞内部样式表＞外部样式表：就近原则：
第一章：
不熟悉的标签：
<meta />用来描述网页的具体摘要信息，包括文档内容类型、字符编码信息、搜索关键字、网站提供的功能和服务的详细信息。但是实际内容并不显示。
<meta http-equiv=”Content-Type” Content =”text/html; charset=gb2312”/>
名称：Content-Type(文档内容类型)
值：text/html; charset=gb2312(文本类别的html类型)
Charset表示字符集编码，一般用于半酣中文和英文的页面。
W3C提倡的Web结构如下：
1内容(结构)和表现(样式)分离
2HTML内容结构要求语义化
CSS主要有元素：内联(给单个元素设置样式)、页面嵌入（加入style标签）和外部引用(编写CSS文件，实现引用)三种方式。
什么是CSS样式表：把一些用来修饰网页的代码放到一个文件中。
优势：
1实现内容与样式的分离，利于团队开发。
2实现样式复用，提高开发效率。
3实现页面的精准控制。
4更利于搜索引擎的搜索。
常用的样式修饰：
文本（行高、文本修饰、对齐方式、字体颜、空白）
字体（font、字体大小、字体粗细、字体类型）
背景（background、背景图片、平铺方式、偏移位置）
列表（显示样式、浮动）
普通思路：按常规思路，对整个结构进行明晰的划分，部分采用局部表格布局实现。
简洁思路：采用层套有序无序来实现，精简结构，取除冗余标签，使用浮动来实现灵活布局。
简介思路的优点{
HTML组织结构精简，语义性较好，结构层次较少，更方便搜索引擎快速搜索，更符合目前流行的SEO(搜索引擎优化)思想，提高网站的搜索排名。样式代码复用性高(先提取大多数共有样式，在细化)。
}
第十一章：
overflow与a:hover伪类的组合应用，实现二级菜单的现实或隐藏
overflow与<a>锚链接组合，实现类似窗口 的关联效果。
采用”overflow:hidden” 隐藏溢出容器尺寸的内容。隐藏后不占页面空间。
注意在使用行级标签时，必修改display标签，使行级元素按块级元素现实。
浏览器的兼容问题：（主要为IE6）
1三像素文本慢移问题，如果浮动（float）元素后紧跟着一个行内元素，两者之间会有三个像素的间隙，发生在IE6上，解决方法有，可是设置margin|_lift=-3px;
但是一般不建议使用。
2双倍边距问题，如果元素浮动(float)的方向与margin一致，则边距会加倍。解决方法为：设置display：inline;
3不同浏览器默认的内外边距不一致的问题，主要区别:
css外部样式表代码
在IE中，两个<ul><ol><dl>之间的外边距时19px，而在Firefox中是16px
在IE中，列表的盒子范围不包括列表前面的修饰，而在Firefox中包括前面的列表修饰
在IE中，<form>元素有默认上外边距19px，而在Firefox中没有。
解决的办法：在全局风格里设置ul、ol、dl、form、的填充及外边距为零，并把list-style设置为none;
推荐做法：在解决方案的基础上，在多行文本的布局中，不用外边距和填充，而纯用line-hight来实现文本的垂直居中。
第二章：
手动添加下拉列表框：
<select  size=”行数”>
    <optipon>
    </option>
</select>
Size属性主要是设置同时可以看见的行数；默认选中的属性是？
有多少个选项就有所少个option 。
手动添加多行文本域：
<textarea  cols=”40”  rows=”10”>文本内容</textterea>
Cols指定列数
Rows是用来指定多行文本域的行数的
需要注意的是：多行文本域没有value属性。
第三章：
为什么使用表格：1简单通用2结构稳定3适用于数据比较规整的情况下
使用表格的高级用法：
1表格标题<caption>用于描述整个表格的标题
2表头<th>一般是表格的第一行数据，以居中，粗体的形式显示。
3分组标签： < thead >  <tbody>  <tfoot>各分组标签里面有多个<tr>组成。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。