HTML总结

一.HTML简介

1.      HTML:Hypertext Markup Language

2.      常用浏览器:IE,FF,Chrome

3.      静态页面与动态页面:静态页面指html,htm格式的网页,动态页面是指aspx,php等格式的网页。

4.      HTML基本结构:

<html>

<head>

 

</head>

<body>

 

</body>

</html>

二.HTML常用标签

<h1></ha><h6></h6>  6种字体大小

<br />  换行

<center></center>  居中

<b></b><strong></strong>  粗体

<i></i>  斜体

<u></u>  下划线

<sub></sub>  上标

<sup></sup>  下标

<font></font>  设置字体

<hr />  水平线

<pre></pre>  预格式化

三.HTML编码

&开头,以;结尾:

&nbsp; 空格

&lt; 小于号

&gt; 大于号

&amp; &

&reg; @

四.超链接

1. a标签:

<a href=’http://www.baidu.com’>百度</a>

2. 相对url:

/  网站根目录

../  父目录

http://www.cnblogs.com/ 父目录的父目录

3. target属性:

         target=’_blank’  在新窗口打开

         target=’_self’  在自己窗口中打开

4. 锚,如“回到顶部”:

1)        在指定位置创建锚:<a name=’here’></a>;

2)        在要跳转的位置创建链接:<a href=’#here’></a>

五.图片

1. 格式:

<img src=’1.jpg’ />

2. 属性:

title 鼠标移上去时显示的文字

alt  当图片没下载完或没找到图片时显示的文字

width,height  图片宽度和高度

border 边框

3. 注意:缩略图不是通过修改图片的大小来设置的,而是真有一张大图所对应的小图。

六.两个单位

px:像素

em:为一个相对长度,指相对当前对象内文字的字体尺寸

 

.列表

<ul>

         <li>列表1</li>

         <li>列表2</li>

         <li>列表3</li>

         <li>列表4</li>

</ul>

八.表格

1. 基本格式:

<table>

         <caption></caption>

         <thead>

                   <tr>

                            <th></th>

                   <tr>

<thead>

<tbody>

         <tr>

                   <td></td>

         </tr>

<tbody>

<tfoot>

<tr>

                            <th></th>

                   <tr>

</tfoot>

</table>

九.表单

1. 基本格式:

<form action=’xxx.aspx’ method=’post’>

         <inputtype=’text’ />

         <inputtype=’submit’ value=’OK’>

</form>

2. 可提交表单的几个标签为:input,select,textarea

posted @ 2013-04-07 18:47  孤独の巡礼  阅读(173)  评论(0编辑  收藏  举报