标签：html
学习笔记（一）HTML基础知识
HTML:超文本标记语言（Hyper Text Markup Lanuage）
HTML就是砌墙，把适当的砖块摆在合适的位置，就能完成一个页面。
（一）网页文件命名：
a.不可以用中文
b可以使用英文或数字，也可以用拼音，但不要中西合并.
c.大小写问题:windowzz操作系统不区分大小写，Linux区分大小写， 所以要求统一区分大小写。
d.后缀名必须是html.
e.声明html文件时， 最好不要使用特殊数字符，可以用减号或下划线。
（二）基本框架：
body标签：
bgcolor:整个背景颜色 值位颜色值
1>英文单词。
2>RGB模式：rgb(红 绿 蓝) 范围0-255
3>HEX模式：#00000 范围00—ff
background页面背景图属性。 格式：backgrouond="图片地址"
2.文本标签：
p 特征：每个p标签独占一行，且两个P标签之间有间隙。
h系列标签：h1 h2 h3 h4 h5 h6
特征： 每个h标签独占一行。
每个h标签都是粗体。
从到h6字体逐渐变小
3.样式标签：
单纯的样式标签： b (粗体) I（斜体） U（下划线）
不单纯的样式标签: strong(加粗) cite（斜体） Em(斜体)
font自定义样式标签
color(颜色) face（字体类型） size (字体大小)
4.格式标签：center（居中） <br/>强制换行 <hr/>下划线 blockquote（引用标签） pre(预格式化)
5.ul 无序列表 unorder list
配合li标签使用。Li标签存放具体内容
Ol 有序列表 order list
配合li标签使用，li标签存放具体内容
Type 设置标识类型 属性值为：1，a，A
Start 设置开始标识的位置 属性值为数字
Dl 定义列表 定义一个事物并列的属性 defined list
Dt 定义列表的标题
Dd 定义列表的具体事物的属性用法和li一致
6.a 超链接标签
在一个页面中通过点击文字或者图片的方式，打开另一个文件或者页面。
Href 设置超链接的目标地址
Target 设置连接的打开方式
_self 设置在当前页面打开 大多数浏览器的默认值
_blank 在新的页面打开
*_parent 在父级页面打开
*_top 在定级页面打开
7.锚点
1.定义锚点
<a id=”锚点名字”></a>或者<a name=”锚点名字”></a>
2.定义超链接
<a href=”#锚点名字”>实际内容</a>
8.img图像标签
Src 用于引入图片的地址
Width 设定图片的宽度
Height 设定图像的高度
如果单独设定宽度或者高度，则另一边等比例缩放。如果同时设定宽度和高度，则图像强制拉伸。
Border 边框属性 一般用于取消边框
Alt 用于图片加载失败之后提示
Title 图像描述属性
9.iframe 插入其他页面的框架 insert frame
可以和任何内容共存，不会冲突，适合在自己的页面引入其他网站的页面
Src 需要被插入的页面的地址
Width 插入框架的宽度
Height 插入框架的高度
Frameborder 设置页面的框架是否有边框 1 有 0 没有
Scrolling 设置是否出现滚动条 no 没有 auto 自
10.
1.table 定义一个表格的范围和边框
Border 为表格设置边框
值为整数
注意：如果border为0，那么所有表格没有边框。如果border大于等于1，那么内部单元格的边框都是1.外层的table边框按照实际值进行计算。
Align 设置表格相对于页面的对齐方式
Left 左对齐 center 居中对齐 right 右对齐
Width 设置表格的宽度
Height 设置表格的高度
Bgcolor 设置表格的背景颜色
*Cellspacing 设置单元格之间的距离
*Cellpadding 设置单元格内容和四个边框之间的距离
Tr 标识一个表格的行标签，也是一个范围
Height 设置一行的高度
Bgcolor 设置一行的背景颜色
Align 设置行内内容的水平对齐方式
Left center right
Valign 设置行内内容的垂直对齐方式
Top 上对齐 middle 垂直居中对齐 bottom 下对齐
Td 标识一个单元格标签
Width 设置单元格的宽度，设置的宽度对当前一列都有效
Height 设置单元格的高度，设置的高度对当前一行都有效
Bgcolor 设置一个单元格的颜色
Align 设置单元格内容的水平对齐方式
Valign 设置单元格内容的垂直对齐方式
Rowspan 跨行属性
Colspan 跨列属性
Th 作用用来标识表格的表头的单元格，粗体字，居中对齐，用法和td一致
Caption 表格描述标签
表单标签：
用于和后台服务器进行数据交互的控件称之为表单。
Form 表单范围标签
1.input 标签 输入框表单标签
普通输入框
<input type=”text” name=”user” value=”请输入用户名” />
Type=text 设定输入框的类型
Name=user 设定表单的名称，为了后台服务器区分数据
Value=值 设定后台服务器接受的值，该属性可以不写，因为用户在表单中填写的内容就是value值
密码输入框
<input type=”password” name=”pwd” value=”” />
Type=password 设定输入框类型为密码类型，输入不可见
Name=pwd 设定表单名称，为了后台服务器区分数据
Value=值 设定后台服务器接受的值，该属性通常不写，有用户输入
单选表单
<input type=”radio” name=”sex” value=”男”>
<input type=”radio” name=”sex” value=”女”>
Type=radio 设定输入框的类型为单选表单
Name = 随意 设定表单的名称，为了后台服务器区分数据。如果要实现单选，那么其他radiode Input标签必须使用相同的name值，否则可以多选
Value= 值 此处value值必须填写，因为没有让你填值得地方
多选表单
<input type=”checkbox” name=”hobby[]” value=”篮球”>
Type = checkbox 设定输入框的类型为多选按钮
Name = 随意 设定表单名称，为了后台服务器区分数据。所有多选按钮的name值必须相同，并且后面要加上中括号
Value= 值 必须写值，因为没有填值得地方
提交按钮
<input type=”submit” name=”tijiao” value=”” />
Type = submit 设定输入框的类型为提交按钮
Name= 随意 一般不设定，因为提交按钮不用传输数据，是一个动作
Value = 值 一定要写，因为这是按钮的名字
重置按钮
<input type=”reset” name=”chongzhi” value=”重新填写” />
Type= reset 设定输入框的类型为重置按钮
Name=随意 一般不设定
Value= 值 必须填写因为这是按钮的名字
文件选取表单
<input type=”file” name=”face” value=”” />
Type= file 设定输入框的类型为文件选取表单
Name= 随意 必须要写
Value=值 不需要写值
图片提交按钮
<input type=”image” src=”图片的地址” name=”img” value=””/>
Select 标签 下拉列表范围标签
Option标签配合使用 option 存放具体内容
Multiple 设置当前表单为多选列表
Textarea 文本域标签
<textrarea name=”beizhu” > </textarea>
如果想让他不进行拖动需要用到CSS属性：
Style=”resize:none;”
Cols 设置当前的列宽度
Rows 设置当前的行高度
表单标签特有的属性：
Maxlength 设定输入表单的最大内容长度，按照字符计算
对input 和textarea有效
Size 设定表单的长度
只对普通输入框和密码输入框有效
Button 万用按钮标签
Type 设置按钮的类型
Submit 提交按钮
Reset 重置按钮
Button 普通按钮
绝对路径和相对路径：
相对路径：
./代表当前文件夹
../代表上一级文件夹
绝对路径，就是从最根部找起
本文出自 “青春笔录” 博客，转载请与作者联系！
标签：html
原文地址：http://foreverlovephp.blog.51cto.com/10018264/1835462
