<标签名>内容</标签名>
<input type="text" name="username" value="" id="" />
<p>段落内容...</p>
成对出现:
<开始标签>内容</结束标签>
单标签:
html
标签:
h标签:标题:h1-h6.字体加粗,换行
i,b
p:段落,一段文字,自动换行
图片:<img src="图片的路径" width="" heigh="" border="" alt=""/>
超级链接:<a href="链接的路径" target=""></a>
<a><img></a>
<a href="#name值"></a>
<a name="XXX"></a>
表格:<table width="" height="" border ="" bgcolor="" background="图片">
tr:行
td:列
th:表头
单元格的合并:td
跨行:rowspan="2"
跨列:colspan="2"
表单:<form action="" method="get/post">
<input type="text" />
type=text/password/radio/checkbox/select/option/file/textarea
按钮:
<input type="button/reset/submit/image">
button/image:空事件
reset/submit:有事件
reset:置空
submit:请求提交,触发action后的路径
get:默认的请求方式
url?参数名=参数值&参数名=参数值
数据不安全
少量的数据
容易乱码
post:
数据打包写给服务器
较为安全
大量的数据
不容易乱码
列表:
有序:ol
type="1/A/a/I"
无序:ul
type="circle/sque"
circle:空心圈
square:实心方块
disc:实心圈(默认的)
自定义:dl
li
分类:
块级:独占一行.垂直排列
行内:同一行内.水平排列
css:指层叠样式表 (Cascading Style Sheets)
用途:设置标签显示的样式
外联:单独创建一个文件:XXX.css
<link rel="stylesheet" type="text/css" href="XXX.css">
内部:写在文档的<head>里
<style></style>
行内:写在标签里:
<tagName syle="样式">
css语法:
选择器{样式的声明;样式的声明}
id选择器:标签的id属性,唯一
#id名{}
类选择器:标签的class属性
.class名{}
标签选择器:标签名
h1,h2{}
优先级:
id>类>标签
color:red;//文字颜色
width://宽度
heigh://高度
background-color://背景色
backgroun-image://背景图片
font-size:字体大小
...
盒子模型:
1.border:边缘线
2.margin:外边距
3.padding:内边距
定位:
position:static,fixed,relative,absolute
浮动:
float:left,right
clear:left/right/both;