Html 笔记

Html代码：

基础

（1）题标签一共6种，从h1、h2一直到h6,h1为最大标题、h6为最小标题。

< a href=”网站的地址”>网站的名字或文字</a> <br/>**********换行    <p>第一段</p> <!--  注释内容 –> <hr/>*********水平分割线 <img  src=”图片的路径” />

空格 ：&nbsp; 大于 >：&gt;     greater than 小于 <:  &lt;       less than 引号 ”：&quot;     quotation 版权号：&copy;

 

有序列表 <ol> <li>HTML</li> <li>CSS+DIV</li> <li>JavaScript</li> </ol>

无序列表 <ul> <li>项目1</li> <li>项目2</li> … </ul>

定义列表 <dl> <dt>名词1</dt> <dd>我是对名词1的解释</dd> <dt>名词2</dt> <dd>我是对名词2的解释</dd>  … </dl>

（2）<!-- 放在marquee中的文字或图片可以移动、默认从右向左移 -->

<marquee direction="right" scrollAmount="3">我是一条公告</marquee>常用属性

scrollAmount它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

（3）

表单基本语法:

<form>

表单的内容

</form>

表单的常用属性

1. action

表单的提交位置,提交给谁处理  通常是一个jsp页面  或者是一个java代码

2. method 提交方式

默认是get提交

get: 提交的参数会显示到url中,不安全,参数的长度是有限制的(类似纸质菜单)

post: 提交的参数不会显示到url中,相对安全,参数的长度理论上无限制(点餐机)

*******************************常见的表单域*************************************

一.文本框

<input type="text" name="username"/>

二.密码框

<input type="password" name="password1" id="password1"/>

三.按钮

1.提交按钮

<input type="submit" value="登录" />

2.重置按钮

<input type="reset" value="重置" />

把表单域中的内容恢复成默认值,注意不是清空

3.普通按钮<input type=”button” value=”按钮上的文字”/>

4.图片按钮<input type=”image” src=”图片名”/>

四、隐藏域

<input type=”hidden” name=”隐藏域的名字” value=”传递的内容”/>

五、单选框 <input type=”radio” name=”单选框组名” value=”提交给服务器的值”/>

复选框<input type=”checkbox” name=”复选框组名” value=”提交给服务器的值”/>

六、下拉列表框

<select name=”下拉列表的名字”>

<option value=”提交给服务器的值1”>选项1</option>

<option value=”提交给服务器的值2”>选项2</option>

</select>

七、多行文本域<textarea name=”多行文本域的名字” rows=”行数” cols=”列数”>

文件域 <input type=”file” name=”文件域的名字”/>

八、表格

<table>

<tr><td>第一行第一列</td><td>第一行第二列</td><td>第一行第三列</td></tr>

<tr><td>第二行第一列</td><td>第二行第二列</td><td>第二行第三列</td></tr>

…

</table>

align:定义在table元素上表示表格在网页中的对齐方式，属性值可以是left、center、right,

width:定义在table元素上表示表格所占的宽度。

background-color:定义表格的背景颜色。

color:定义表格中文字的颜色。

************跨行跨列********

colspan:表格中的列合并。设置到td或th上，colspan=”2”表示把两列合并为一列。

rowspan:表格中的行合并。设置到td或th上，rowspan=”2”表示把两行合并为一行。

完整的table

<table>

<caption></caption>

<thead><tr>...</tr></thead>

<tbody><tr>...</tr></tbody>

<tfoot><tr>...</tr></tfoot>

< /table>

九、普通框架

<frameset rows="100,*,100">

<frame src="网页1"   name="top"/>

<frame src="网页2"   name="main"/>

<frame src="网页3"   name="bottom"/>

</frameset>

内嵌框架

<iframe src=”网页1”  name=” 内嵌框架名字” width=”宽度” height=”高度”  scrolling=”no” frameborder=”边框大小”></iframe>

 

<fieldset> </fieldset>************加框

display：block；*************块级元素和行内元素相互转换