内容容器:
<h1>--<h6> 标题标签,其中h1是最大号字体,h6是最小号的字体
<p> 段落标签 。专门写文章,换行有间距
<div> 默认占一行,放任何内容
<span> 大小取决于内容,放文字性的东西
<ol><li> 有序列表 type可以更改前置序号样式
<ul><li> 无序列表 type可以更改前置序号样式
常用标签:
<a> 超链接标签
两个要素:内容,指向
href属性:超链接的指向
额外功能:
指向文件
打开文件:是浏览器可以打开的文件,txt 图片 网页
下载文件:浏览器打不开,word excel 压缩包
做锚点
定点:<a name="one"></a>
跳到锚点位置:<a href="#名字">内容</a> #代表当前页 后面加要跳转的点
<img /> 图片标签
src:图片的来源地址
width:图片的宽度
height:图片的高度
alt:当图片挂掉之后,给出的提示
title:当鼠标放上显示标题
<img src="back01.jpg" width="500" height="70"/ title="图片">
表格:
展示数据
<table> 代表表格
width:表格宽度
border:边框粗细
cellspacing:单元格的边距
cellpadding:单元格的间距
<tr> 代表行
<td> 代表单元格
width:单元格的宽度
align:水平对齐方式,left左 right右 center居中
height:单元格的高度
valign:垂直对齐方式 top上 bottom下 middle中间
bgcolor:背景色
clospan:合并列
rowspan:合并行
<th> 相当于 <td> 用来做标题的,会自动加粗居中
<tbody> 代表表格主体
表单:
<form> 代表表单
action:提交给谁,页面的地址
method:提交的方式 get post
文本类:
<input type="text" /> 单行文本框
name:表单元素名字
value:文本框的值
disabled="disabled" 不可用
readonly="readonly" 只读
<input type="password" /> 密码框
name:表单元素名字
value:密码框的值
<input type="hidden" /> 隐藏域
name:表单元素名字
value:隐藏域的值
<textarea></textarea> 文本域 值不是写在value属性里的,是写在开始结束标签之间的 在中间输入内容调整文本框大小用rows。
name:文本域的名字
rows:行数
按钮类:
<input type="button" /> 普通按钮
value:按钮里面显示的内容
<input type="submit" /> 提交按钮
value:按钮里面显示的内容
<input type="image" /> 图片按钮,可以提交
src:图片的来源地址
<input type="reset" /> 重置按钮
value:按钮里面显示的内容
选择类:
<input type="radio" /> 单选按钮
name:单选按钮的名字,用来分组 如果想做出互斥效果必须相同名称
value:单选按钮的值
checked="checked" 选中
<input type="checkbox" /> 复选框
name:复选框的名字
value:复选框的值
checked="checked" 选中
<select> 下拉列表
name:下拉列表的名字
multiple="multiple" 将下拉列表变为多选