首页 > 代码库 > html基础
html基础
一、html基本结构
文件后缀 ：.html 或htm 首页：index.xxx或 defalt.xxx
<html>
<head>
<title >标题</title>
<meta name="keywords" content="用逗号隔开的关键字" ></meta> //关键字
<meta http-equiv="content-type" content="text/html; charset=gb2312" /> //编码
<meta http-equiv="refresh" content="1" url="http://www.sohu.com" ></meta>//刷新或自动跳转
</head>
<body>
网页内容
欢迎
</body>
</html>
二、基本标记：
1.p ：段落
属性：align:水平对齐方式（可以应用在任何标记中）
2.h1 --h6 标题
3.br 换行
5.img ：图片
属性： src="http://www.mamicode.com/images/aa.gif" //相对路径
alt：文字描述图片
title：鼠标停留
6.hr ：水平线
属性：
width：长度
size：厚度（高度）
color：颜色
7. 列表：
ul：无序列表
属性
type: 改变项目符合
li
ol：有序列表
li
自定义列表：
dl
dt
dd
8：超链接：
a ：
href="http://www.mamicode.com/页面路径"
title： 鼠标悬浮时显示的内容
1.站内连接; 站内各个页面之间的跳转
2.站外连接 连接其他网站中的页面（绝对路径）
3.锚 ：同一个页面中不同位置跳转
<a href="http://www.mamicode.com/#aaa">html内容 </a> //声明锚点
<a name="aaa"> html内容介绍 //应用锚点
三、表格：
1.制作报表：
2.页面布局：
table:
属性： width 宽
height 高
border 边框
cellpadding： 边框跟文字之间距离
cellspacing：单元格与单元格之间距离
colspan：跨列
rowspan：跨行
bgcolor: 背景色（行，列都可以）
background：背景图（行，列都可以）
tr: 行
td: 列
四、表单：向服务器提交数据
form：
属性：
action： 页面地址
method：get：通过地址栏传递数据，不安全，数据量小
post：http协议包中封装传递
<input type="text" name="userName" value="http://www.mamicode.com/tom"/>
<input type="submit" value="http://www.mamicode.com/提交"/>
type的值：
text：文本框
radio: 单选
checkbox: 复选
submit:提交按钮
button: 普通按钮
reset：重置
password：密码
下拉列表：
<select>
<option value="http://www.mamicode.com/1" >济南 </option> //默认value与option 元素内容一样
<option value="http://www.mamicode.com/2">青岛 </option>
</select>
textarea:多行文本
属性：cols: 列数
rows: 行数
五、框架：
可以将浏览器窗口分割为多个区域；每个区域显示独立的页面
>框架集
framset
属性：
cols="20%,*" ;纵向分割为两个区域
rows ="30%,*" ;横向分割为两个区域
注意：分割几个区域，就要有几个fram与之对应
fram：
name="框架名"
src="http://www.mamicode.com/页面" //在当前框架中显示的页面
fram：
name="right"
在指定框架中显示页面
<a href="http://www.mamicode.com/页面路径" target="框架名">
注意： 有framset就没有body标记
>内置框架
iframe：
属性：
src="http://www.mamicode.com/页面"
可以嵌在页面中任何地方
html基础