首页 > 代码库 > Html基本用法
Html基本用法
hmtl
hyper text markup language
超文本标记语言
超文本:超越一般的文本 变色 加粗 变大 甚至设置超链接
标记:浏览器已经定义好的 一些由尖括号括起来的特殊符号
语言:用户跟浏览器交流工具
html文件应该以.html结尾 (可以以.htm结尾不推荐)
1.html语言 如果标签有开始有结束 称之为围堵标记
2.html语言中 如果标签没有标签体 称之为空标记
3.html语言不是怎么规范语言 最好应该按照规范来
4.html标签不区分大小写 国内开发者喜欢小写 最好小写
5.html语言中 标签最好正确的嵌套
6.标签中可以有属性:
书写格式 属性名="属性值" "" ‘‘ "‘
文字类标签:
<hn></hn> n是一个可变数 取值范围1-6
<h1></h1>
特点:
加粗 换行 上下留白 从一到六越来越小
常用属性:
align:对齐方式 left center right
文字标签:
<font></font><br />
常用属性:
color:颜色
size:大小 1-7 1到7越来越大
face:字体家族
颜色的取值:
1.直接颜色的英文单词
2.RGB 以#打头跟上六个十六进制的数 #12345f
<b></b>:加粗
<strong></strong>:加粗
<i></i> :斜体
排版类标签:
<hr/>:水平线标签
常用属性:
width:宽度
宽度取值:
1.%百分比
2.px
align:对齐方式
换行标签
<br/>
段落标签
<p></p>
常用属性:
align:对齐方式
图片标签:
<img />
常用属性:
src:指定图片路径
alt:替代文字
width:宽度
height:高度
路径取值:
1.相对路径:
当前路径:./logo2.png ./可以不写
上级路径:../img/logo2.png
2.绝对路径:
http://img.baidu.com/xx.jpg
列表标签
ol:有序列表
ul:无序列表
常用属性:
ol:
type:控制前面显式样式
1:默认
A
a
I
i
ul:
type:
disc:默认
circle:空心圆
square:方块
共同的子标签
li:列表项
超链接标签:
<a></a>
常用属性:
href:跳转的页面的路径
target:跳转的页面的打开方式
_blank:新开一个选项卡打开
_self:默认
framename:在框架集里显示
路径取值:
相对路径:
当前路径:
上级路径:
绝对路劲:网址
#:跳转到当前页面
表格标签:
<table></table>
常用属性:
border:px
width:宽度
height:高度
cellspacing:表格线的间距
align:对齐方式
常用子标签:
<tr></tr>
tr标签 行
常用属性:
bgcolor:背景颜色
align:对齐方式
常用子标签:
<td></td>:单元格
常用属性:
bgcolor:背景颜色
align:对齐方式
rowspan:行合并
colspan:列合并
<th></th>:表头标签
特点: 加粗 居中
转义符:
常用的转义符:
书写格式
&单词;
空格转义符 :
大于号 >: > greate than
小于号 <: < less than
&符号: &
form表单标签:
form表单标签:
<form></form>
常用属性:
action:提交地址
method:提交的方法
get:
默认提交方式
参数会追加到url后面 ? 参数名=参数值&参数名=参数值
数据最大不能超过1kb
post:
没有数据大小限制
不会跟在url后面
较为安全
常见子标签:
input:输入框
type:(10种)
text:默认
password:密码框
radio:单选框
checkbox:多选框
file:上传文件
button:普通按钮
submit:提交按钮
reset:重置按钮
image:了解中了解
hidden:隐藏域
select:下拉选择框
常用子标签
option
textarea:文本域标签
常用属性
rows:行
cols:列
通用属性:
1.name属性
1.给单选框 多选框 分组
2.如果你想要提交数据 必须给标签一个name属性 并且必须赋值
2.value
1.给按钮类标签起名
2.单选多选框 提交数据的时候 你想要提交自己的想要值 value属性 必须赋值
设置默认值:
1.普通文本框 密码框 hidden设置默认值 给一个value属性值 必须赋值
2.给单选框 多选框设置默认值 给它设置一个checked属性
3.给select下拉选择框设置默认值 给它的子标签option设置 selected属性
4.给textarea设置默认值 直接在标签体内写内容即可
?username=tom&password=12345&gender=0&hobby=eat&hobby=sleep&avatar=&province=02&city=0201&desc=你好
点击提交按钮 发生表单提交事件 提交数据
在url后面跟上一个问号?参数名字=参数值
如果有多个参数 &连接
Html基本用法