爱淘课html基础课程笔记
1 html 是一种描述性的标记语言，告诉浏览器以什么效果显示的。
<I><B> 文字 </B></I>
2 <html> //htmil 开始标记
<head>
<title> biao tie </title>
</head>
<body>
< a href=''http://www.xxx.com"> phpnow </a>
</body>
</html> // 结束标记
3 html 头部标记
设置页面关键字 <meta name=''keywords'' content=''phpnow studay''>
设置页面说明 <meta name="description" content="miao shu">
设置作者 <meta name="author" content="phpnow">
设置语言 <meta http-equiv="content-type" content="text/html";charset="uft-8">
设置定时自动跳转 <met http-equiv="refresh" content="5"; url="http://www.taobao.com">
4 网页主体标记body
<body bgcolor="十六进制颜色" background="相对图片路径">
<body text="" link="" vlink="" alink="">
topmargin leftmargin
5 相对路径 和绝对路径
同一目录下的文件直接写文件名就行了
jpg\tupian.jpg
..\..\jpg\tupian.jpg 上一级目录
6 标字体
h1-h6 标题标签
<h1 align="center"> 这个h1标题文字 </h>
7 文本基本标记
<font face="黑体"> 欢迎到来</font>
<font face="黑体" size="7"> 欢迎到来</font>
<p>段落标签 换行
<font face="黑体" size="7" color=""> 欢迎到来</font>
8 文本格式化标记
<B> </B> 粗体
<I> </I>斜体
<sup> </sup> 上标
<sub> </sub> 下标
<big> </big> 字体大一点
<small> <small> 字体小一点
<u> </u> 下划线
9 常用的段落标记
<p> 开始一个新段落
<p align="center">
align 对齐方式 center right left
<Br> 换行
<nobr> </nobr>
<hr width="" size="" color="" align="" noshade > 水平线标记
10 插入特殊符号
  空格 &+字母名称 +；
11 图像格式与图像标签
gif 常用 256中颜色，简单颜色
jpeg 常用 百万中颜色
png图片体积小 有的浏览器不兼容
<img src=""> 图像标签
12 图像标签的常用属性
alt <img src="" alt="" width="" height="" border="1">
13 图像的边距，排列，超链接
vspace 垂直边距
hspace 水平边距
<img src="" alt="" width="" height="" border="1" vspace="10" hspace="10">
align bottom top middle left right
14 认识列表
无序列表 有序列表 定义列表 菜单列表
15 有序列表和无序列表
<ol>有序列表 <li> 子列表 type 属性 序号类型 start 序号其实值
无序列表 <ul>
16 目录 定义 和菜单列表
<menu> 目录
定义列表 <dt>
17 创建表格
<table border="" > border 定义表格的边宽
<caption >定义表格标题
标签 tr 行标签 td 单元格标签
下面是三行两列的表格
<table border="">
<tr><th></th><th></th></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
表头 <th> </th>
18 表格的基本属性（上）
表格宽带 width 属性
<table border="" width="" height="" align="">
align= left center right
bordercolor 边框颜色属性
19 表格的基本属性 下
cellspacing 设置单元格的间距
cellpadding 文字表格的边距
bgcolor 表格的背景颜色
backgroud="图片路径"
20 表格行属性
align 水平对齐
垂直对齐方式 valign top middle bottom
bordercolor 边框颜色
21 单元格属性
<td>
colspan 水平跨度属性 跨行
rowspan 垂直跨度
22 给单元格点颜色看看
单元格的的边框颜色 bordercolor=
亮边框颜色 bordercolorlight
暗边框颜色 bordercolordark=
23 内部链接和外部链接
target -self 在当前页面打开 -blank 在新窗口中打开
24 超链接的妙用
<a name="2"> </a> 锚点
<a href="#2">实用查询 </a>
<a href="index.html #2"> 实用查询</a>
25 设置滚动效果
<marquee direction="up" behavior=""> </marquee>
behavior= alternate 来回滚动
scrollamount=""
scrolldelay=""
loop 设置滚动次数
滚动的范围 width height
26 插入多媒体
<embed src=""width="" height=""> </embed>
<bgsound src="" loop="">
27 框架基础
28 框架的基本属性
<frameset rows="40% 60%"> <frame src=""> <frame src=""> </frameset>
cols 垂直分割
29 框架其他属性
frameborder= "yes" no
framespacing="5" 设置边框宽带
bordercolor= 边框颜色
30 frame 的子框架常用属性
noresize 框架不让调整
scrolling = yes no auto 默认 滚动是否显示
name="" 子框架名称
target="子框架名称"
31 浮动框架iframe
<iframe src="web/game.html" name="" width="" height="" frameborder="no">
32 表单标记
<form action="数据传输地址" name="" method="get或者post"> </form>
33 表单 元素
请输入姓名 <input type="text" size="5" value="张三" maxlength="4"> <br>
请输入密码 <input type="password" size="10" value="" maxlength="10">
34 单选按钮和复选框
选择性别<input name="sex" type="radio" value="女性" checked> 女
<input name="sex" type="radio" value="男性" > 男
<input name="yy" type="checkbox" balue="游泳" >游泳
35 菜单 列表 文本域
<select name=""> <option value="" select> 小学</option></select> 菜单
<p> <select name="" multiple siez=""> 列表
<textarea name="text" cols="30" rows="10"> </textarea> 文本域
36 隐藏域 ，文本域
<input type="hidden" value="传输的数据" name="aaa"> 隐藏域
请上传照片 <input type="file" size="30" name="myfile"> 文件域
37 按钮
<input type="sumbit" name="an" value="我要提交">
<input type="reset" name="an" value="重新填写">
<input type="image" name="" src=""> 按钮图片的按钮
