html总结

HTML教程

自己学了这么久了，却一直没有总结过自己学的东西。。。。今天总结了好了，嘿嘿

HTML标题

html标题是通过<h>标签来定义的

<h1>这是一个标题</h1>
<h2>这是第二个标题</h2>
<h3>这是第三个标题</h3>

HTML段落

html 段落是通过<p>标签来定义的

<p1>这是一个段落</p>
<p2>这是第二个段落</p2>
<p3>这是第三个段落</p3>

HTML链接

html链接是通过<a>标签来定义的

<a href="http://blog.csdn.net/wen_specia">这是我的博客地址，好久没有更新的</a>

HTML图像

html图像是通过标签来定义的

<img src = "/logo.png" width=" " height=" "/>

关于HTML的其它方面

marquee设置滚动效果

marquee基本语法

<marquee
 align=left|center|right|top|bottom
 bgcolor=#n
 direction=left|right|up|down
 behavior=type
 height=n
 hspace=n
 scrollamount=n
 Scrolldelay=n
 width=n
 VSpace=n
 loop=n>

标签属性

direction     文字的滚动方向,可以取值分别为up,down,left,right，分别表示向上向下向左向右滚动
behavior      设置文字的滚动方式，可以取值为scroll,slide,alternate.分别是循环滚动，只滚动一次，来回交替滚动．默认为scroll
loop          循环设置（一般可以不用）
scrollamount  滚动速度
scrolldelay   滚动延迟(单位ms)
bgcolor       滚动文字的背景设置
hspace、vspace 表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。 
height、width 表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度

其它：

<marquee direction="向什么方向移动" height="移动区域高度" width="移动区域宽度" scrollamount="移动速度" onmouseover=this.stop() onmouseout=this.start()>"

  速度：scrollamount=n（n，变量） 　　
  延时：scrolldelay==n（n，变量）
  onmouseover 设置鼠标放在移动区域的时候暂停移动
  onmouseout 鼠标离开的时候继续滚动

创建基本超链接

链接<a>在html中既可作为一个跳转其他页面的链接，也可以作为”埋设”在文档中某处的一个”锚定位”<a>也是一个行内元素，它可以成对出现在文档的任何一个位置

表格

表格基础标记

表格标记table行<tr>单元格标记td.

  <table>
    <tr>
    <td>单元格内的文字</td>
    <td>单元格内的文字</td>
    </tr>
    <tr>
    <td>单元格内的文字</td>
    <td>单元格内的文字</td>
    </tr>
    </table>

设置表格的高度和宽度

<table width="表格宽度" height="表格高度">

表格标题

<caption>表格的标</caption>

表格的边框高度

<table border="边框高度">

border单位像素

边框颜色

<table border = "边框高宽" bordercolor>

单元格间距

<table cellspacing = "边距值>

表格背景颜色

<table bgcolor= "背景颜色">

表格背景图片

<table backround="背景图片地址">

<table backround="背景图片地址">

表单

创建文本域和密码域
用from实现

<from>
input 元素
</from>

html表单-输入元素
输入标签()
输入类型由类型个属性(type)定义的。

文本域(Text Fields)

文本域通过标签来定义

<from>
Fist name:<input type = "text" name = "firstname"><br>
Last name:<input type = "text" name = "lastname">
</from>

密码字段

<form>
<input type = "password" name = "pwd">
</form>

密码域不会明文显示

单选按钮(Radio Buttons)

<from>
<input type = "radio" name = "sex" value = "male">Male<br>
<input type = "radio" name ="sex" value = "female">Female
</form>

复选框

<form>
<input type = "checkbox" name = "vehicle" value = "Bike">I have a bike<br>
<input type = "checkbox" name = "vehicle" value = "Car">I have a car
</form>

提交按钮

定义了提交按钮
action 定义目的文件的文件名
method定义文件的处理

<form name = "input" action = "***.php" method = "get">
name:<input type = "text" name = "user">
<input type = "submit" value="Submit">
</form>