html,head,body
标签的基本特点：成对，嵌套关系，属性(属性名=属性值)
body的bgColor属性：背景（bgcolor="red/#ff0000"）
head中的标签 title 和meta
title 表示标题
meta <meta http-equiv="content-Type" content="text/html;charset=gb2312">
h1~h6 标题，h1最大
属性：align{left|right|center}
P 段落
属性：align{left|right|center}
font 字体标签
size：字体大小，最大为7，最小-7，符号表示相对大小，例如+3表示6号字
color：颜
face：字体名称
pre 与格式化标签，保持代码原有格式输出
属性：align{left|right|center}
img 图像标签
src：文件路径，有相对和绝对路径
alt：替换文字
align：文字相对这图片的对齐（垂直方向）{top|middle|bottom}
height,width：尺寸
a 超链接
name：命名锚记
href：链接目标，有相对和绝对之分
href="mailto:...."：邮件链接
href="#..."：锚链接
target：打开目标，也就是在哪个窗口打开新的页面
{_self|_top|_parent|_blank|框架名称}
hr 水平线
size：线宽，或者粗细，等同于其他标签的height
width：线的宽度，注意没有height属性
color：颜
ul，ol，li：列表
ul 无序列表
type：列表类型{circle|square|disc}
ol 有序列表
type：列表类型{1,a,A,i,I}
marquee 滚动标签
direction：滚动方向{up,down,left,right}
scrollamount：滚动的跨度，每次滚动的距离
scrolldelay：滚动演示，每次滚动的时间间隔
br 换行
table表示表格本身
属性
align：表格自身的对齐方式，而不是里面内容的对齐方式{left,center,right}
height,width
border
background
bgcolor
cellpadding：单元格边框和内容间距
cellspacing：单元格之间的距离
tr
属性：
bgcolor
background
td
属性：
除了常规的背景，尺寸，对齐等属性
rowspan：跨越行（合并行）
colspan：跨越列（合并列）
<table><tr><td>1</td><td colspan="2">2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td><td>7</td></tr></table>
form 表单标签，表示一个要提交数据的表单
属性：
name：名称
action：提交的目的地址
method：{get|post}(三个方面有区别：长度限制，安全性，效率)
input type="text" 表示文本框
属性:
name：提交数据的名称
value：默认值
size：文本框显示出来的宽度
maxlength：可以填入最多的字符个数
readonly：是否为只读
input type="password" 表示密码框
属性：
同文本框
input type="radio" 单选按钮
name
value
checked：是否默认被选中
注意：如果要实现单选的效果，name属性必须一致，也就是说所有name相同的单选按钮只能选中其中一个
input type="checkbox" 复选框
通单选按钮的属性
input type="button" 普通按钮
value：代表要显示到按钮上的文字
，等同winforms中的text属性
input type="submit" 提交按钮
属性同普通按钮
input type="reset" 重置按钮，所有数据恢复到初始值状态
属性同普通按钮
textarea 多行文本框
属性
cols：显示的宽度，以字符为单位
rows：显示的高度，以字符为单位
name：通所有表单元素
value：没有改属性！！！！他的value写在标签内部
<textarea cols="50" rows="6" name="copyRight">请仔细阅读本说明</textarea>
select 代表下拉列表
option标签对表示下拉列表中的项
属性：
value：不会显示到选项中，要显示的内容写在option标签内部
<option value="1">第一学期</option>
name：没有那么属性，多个哦option共用一个select标签的name
selected：默认选中的选项
name：
frameset 框架集
cols：列的拆分标准（cols="100,30%,*"）
rows：行的拆分标准
frame 框架
scrolling：是否出现滚动条
noresize：是否可以调整大小
××××××××××××××××××××××××××××样式表******************************
样式表的分类和语法
行内样式：<；标签 ></标签>
内嵌:<style type="text/css">
选择器代码
</style>
外部：在css文件中写上选择器代码
导入的语法：
1、<link href="文件名" rel="stylesheet" type="text/css">
2、<style type="text/css">
@import url(文件名);
</style>
选择器
标签选择器（HTML选择器）
定义语法
P{textarea中cols表示
样式名：样式值;
.....
}
使用：被动选择，所有p标签的样式都被修改
类选择器
定义语法：
.class1{
样式名：样式值;
.....
}
使用：标签的class属性来引用：<p class="class1"></p>
id选择器
定义语法：
#ID1{
样式名：样式值;
.
....
}
使用：标签的ID属性来引用：<p class="ID1"></p>
伪类选择器
超链接的特殊状态下的样式规则
a:hover 鼠标悬停
a:link 未访问
a:active 选中
a:visited 已访问
常用样式
字体修饰
font-size：记得写单位
font-family：字体名称
font-style：斜体
text-align：对齐{left|center|right}
color:
text-decoration:{underline|none}
背景
background-color：背景
background-image：背景图(url(文件名))
background-repeat：背景平铺方式(no-repeat：不平铺repeat-x：水平方向平铺repeat-y：垂直方向平铺)
方框
边框
border-style
border-width
border-color
边界
margin-top
margin-left
....
填充
padding-top
padding-rigSTB

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。