站点图标 久久日记本

HTML语言

九九

1、基础知识：

全名：HyperTextMark－up Language缩写（html）
译名：超文本标记语言

html标记：
meta标记：标记网页的信息便于搜索引型搜索到。<meta name="mymeta" content="这是本网站的关键字"/>
注释：html页面中要少用注释，减少网络传输量。
<b>加粗文字</b>
<i>倾斜文字</i>
<br/>换行
<h1>标题1<h1>
<h2>标题2<h2>
<hr/>横线
&nbsp; 空格
&lt; 小于号<
&gt; 大于号>
&copy 版权号
&reg注册商标
&amp  和&
&times 乘号X
&divide 除号 ÷

<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:缩进
退出移动版