1、基础知识:
全名:HyperTextMark-up Language缩写(html)
译名:超文本标记语言
html标记:
meta标记:标记网页的信息便于搜索引型搜索到。<meta name="mymeta" content="这是本网站的关键字"/>
注释:html页面中要少用注释,减少网络传输量。
<b>加粗文字</b>
<i>倾斜文字</i>
<br/>换行
<h1>标题1<h1>
<h2>标题2<h2>
<hr/>横线
空格
< 小于号<
> 大于号>
© 版权号
®注册商标
& 和&
× 乘号X
÷ 除号 ÷
<marquee direction=right width="400" <!--跑马效果范围400像素->>>这是跑马灯,方向向右(默认左)</marquee>
<ui style="list-style-type:decimal">
===
<li>列表前面的标识序列</li>
<li>decimal数字</li>
<li>square方框</li>
<li>circle圆圈</li>
<li>none什么都没有</li>
<li>ul是无序列表,ol是有序列表,dl自定义列表</li>
</ui>
===
<dl>
<dt>这是标题1</dt>
<dd> 这是内容 这是内容这是内容这是内容1</dd>
<dt>这是标题2</dt>
<dd> 这是内容 这是内容这是内容这是内容2</dd>
</dl>
2、DIV
margin是指到父容器边框或者同辈元素边框的距离;
padding是子元素到该容器边框的距离;
margin:0 auto 设定div居中显示;
3、HTML中的表格
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
table=>
border:
cellspacing:边框
cellpadding:
width:
bgcolor:表格背景颜色
style:背景颜色、图片、边框样式等等
td=>
width宽度
style:背景颜色、图片、边框样式等等
td=》换为th
th:即是标题
style:背景颜色、图片、边框样式等等
center放在td里面好,最好不要放在tr中
td写:rowspan=”4″ 合并4列
td写:colspan=”2″合并2行
4、HTML超链接
<a href="www.baidu.com" target="_blank"></a>新建窗口打开链接
<a href="www.baidu.com" target="_self"></a>自建窗口打开链接
<a href="#" target="_blank"></a>打开窗口本身
a href ->
style:设置颜色、text-decorationLnone去掉超链接的下划线
(图20120822_05href.jpg)
5、框架网页
不能变更大小:
当前页面嵌入页面:
6、表单
要想提交必须放在form中,不然是不会提交的
fieldsrt:相当于WF中的groupbox
单选框:
复选框:
没有name属性是没法提交的。
重置按钮:
重置到初始化
效果图:
文件上传:
7、简单的CSS样式代码
简单的CSS样式代码
8.CSS
选择器区名称是区分大小写,里面的值(例如Yello)什么的不区分大小写;
添加CSS的4种方式:
1、内联式样式表(内部样式表)<p style="color:red;font-size:16px;">CSS练习</p>
2、嵌入式样式表(内部样式表)
3、导入式样式表(不常用)
4、外部样式表
选择器:
1、类型选择器:选择器的名称是一个元素的名称,系统会给该名称元素加上样式;
2、类选择器:选择器的名称由我们自己定义,在选择器名称前加上一个点“ . ”,使用时候用class名称来设置样式;
3、id选择器:选择器名称是元素的id,在名称前加上“ # ”,id选择器的样式在当前文档中至多一次有效
4、包含选择器:
5、定义多个选择器:想给多个选择器赋同一个样式时,选择器之间用“ , ”分割;
6、通配选择符:
伪选择器:表示元素的状态。link正常状态,visited访问过之后的状态,hover鼠标移到元素上的状态,active单击元素的状态
样式:
css其他小知识:
overflow:hidden 超出屏幕分辨率就隐藏。
line-height:30px 行间距
text-indent:缩进