HTML初学之二

昨天又学了一点点，笔记贴上。

特殊字符：&nbsp空格；版权号：&copy。注册商标：&reg。

转义字符<：&lt;>:gt；

信息排序显示：1.<ul>无序2.<ol>有序3.<dl>自定义

<ul type=”形状”>嵌套<li><li type=”a” start=”26”>

<dt></dt>自定义标题

<dd></dd>标题下面的内容。

加入图片，web支持图片，gif（265色，支持透明，支持动画）,jpeg（1670万颜色，不支持透明，有损压缩）,png（1670万颜色，支持透明，不支持动画，但是有的浏览器不支持，比如IE6）

<img src=”绝对路径；相对路径；” />

相对路径------本地电脑可以显示，但是外网显示不了。

向上一层：..\

其他属性：alt: 图片无法显示，用什么文本代替

Title：鼠标悬停时显示的文字。

Width, height 像素/百分比，设置图片的。

路径十分重要！

Align，图片和文字的关系。一般混排用left.

Vspace, hspace, 文字与图片间距

制作过程：首先要分析！页面结构，页面的结构，内容分为几个部分。

传统网页布局格式：使用table。

原本用于保存有格式的，格式清晰的数据。表格布局：整个网页的分布，像图片一样放于表格中。

目前：DIV+CSS。

核心思想：布局！不是工具。

布局思想：排版。思路：从大向小，从左向右，从上向下。视觉习惯。

表格标签：

<table> </table>定义表格

<tr></tr>定义行                       <td></td>定义列。

表格可以固定宽度，固定位置，不随着浏览器页面大小变化而变化。

控制：border, cellpadding, cellspacing, bgcolor,

应用：合并。Rowspan, cospan。合并时会有多余的东西，删除。其实就是删除多余的TD。

Td公式：删除的个数=合并的个数-1.

立体效果：Bordercolorlight单元格右边和下边。Bordercolordark上面和左面。

Td会继承table的颜色属性。

表格和单元格都有颜色。

细线表格：1.去掉表格自身border. 2.设置bgcolor。 3.设置cellspacing, 即细线的粗细

字不要离表格边框太近，设置cellspacing.

Td变成th，变成标题，自动居中，加粗。

制作一个hao123. 首先分析页面结构图。

布局时，可以使用标签嵌套实现复杂的布局。

表格边框线的控制：frame, rule。

<table>重要的：表格结构化。<thead><tbody> <tfoot>。为了和数据库一起用时，不乱序。

标注一列颜色：<colgroup></colgroup>

属性span. Bgcolor。默认控制第一列。

<colgroupspan="3"></colgroup>  前面3列不变

         <colgroupbgcolor="red"></colgroup>后面一列变red。

 

超级链接！href链接到哪里！

<a href=”src”><a/>

Target=”_blank”, 默认是_self。还有_parent,_top。框架中使用。

链接原则：必须有去有回。优化相关链接。

类型：1.内部链接。没出自己的网站。

2. 外部：href=”URL”

3.e-mail. Href=”mailto=”

4.局部链接。可以跳转到某个页面的某个位置。

<a name=””>定义锚点.跳到：<ahref=”#锚点名”>

5.空连接，做特效。

6. 设为首页

7.设为收藏

主要步骤：1.观察布局。2.设计标签。3.CSS设计格式。

 

表单！获得信息，提交到服务器处理。

Form：method=post, get两种处理方法。Action=url(传送目标)

输入：<input>

Name, size显示几个, maxlength最多输入几个,method, value, readonly="readonly" 只读，不能删除。Disabled，变灰色，无法修改。不可操作

 

插入flash: 1. <embed>  </embed>

2.通过dic自动生成代码<object>

 

企业视频推广思想：

1.      上传到所有视频网站

2.      2.在自己网站中，加入分享代码。

 

滚动文字：<marquee></marquee>

<marquee direction="up"behavior="alternate" width="200" bgcolor="yellow"οnmοuseοver="this.stop()" οnmοuseοut="this.start()"scrollamount="3" scrolldelay="10">