JEE_HTML1

 WWW：World Wide Web HTML：HyperText Markup Language，超文本标识语言 HTML编写的网页文件是纯文本文件 HTML文档由HTML编辑器编辑，由浏览器解释执行，无需编译 HTML制作的是静态网页，可由记事本，Dreamweaver，FrontPage等编辑 HTML标签一般不区分大小写，但有些标签属性区分大小写

 

HTML文档的基本结构：*.htm或*.html

<html>
      <head>
         <title>第一张网页</title>
      </head>
      <body>
           欢迎光临我的主页！
      </body>
</html>

HTML常见标签： <head>之<title>元素定义的是HTML文档的标题 <head>之<meta>元素下可插入很多元素属性： 1 <meta name="keywords" content="study,computer">用来标记搜索引擎在搜索你的页面时所取出的关键词。 2 <meta name="author" content=“wutao"> 用来标记文档的作者。 3 <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>用来标记你的页面的解码方式。 4 <meta http-equiv=“refresh” content=“5;URL=http://www.ecust.edu.cn”>用来自动刷新网页

 

<body>表示的是HTML文档的主体部分。 <body>元素中有下列元素属性： bgcolor属性标志HTML文档的背景颜色。如：bgcolor=“#CCFFCC”。 background属性标志HTML文档的背景图片。如：background=“images/bg.gif"。 bgproperties=fixed使背景图片成水印效果，即图片不随着滚动条的滚动而滚动。   text属性标志HTML文档的正文文字颜色。如：text=“#FF6666”。Text元素定义的颜色将应用于整篇文档。

 

文字段落的格式控制：

<hn>是控制字体的大小，n取1.2.3.4.5.6，n越小字号越大 <br>是换行标签，只有使用<br>才会换行，代码中普通的回车空格等是不起换行作用的 <p>为段落标签，属性align可设置段落对齐方式 <hr>是水平标尺线，属性有： <hr size = #>：设定线宽 width设定线长，默认长度是页面长度，默认单位是像素   align：设定对齐方式 #=left,   right color：设定线的颜色,  noshade：设定线段阴影 <font>标记字体，属性有：size设置字体大小，face设置字体类型，color设置字体颜色

字体风格设置： <i>倾斜文本</i> <b>粗体文本</b> <u>下划线文本</u> <s>删除线文本</s> <sup>内容上标</sup> <sub>内容下标</sub>

特殊字符的显示：" &…；"       如:&nbsp;表示一个空格

HTML注释的格式为：<!-- 注释内容 -- >

  

超链接与图片标签：

<a href=”***.htm”>超链接到另一个htm文件</a> <img src=”图片文件路径”>,属性alt为当图片未载入时的文字说明

 

列表标签：

无序列表是由<ul>和<li>元素定义的:

有序列表是由<ol>和<li>元素定义的:

View Code 
<html>
<body>
世界
<ul>
<li>亚洲
<ul>
<li>中国</li>
<li>日本</li>
<li>韩国</li>
</ul>
</li>
<li>欧洲
<ol>
<li>法国</li>
<li>英国</li>
<li>德国</li>
</ol>
</li>
</ul>
</body>
</html>

 

<table>标签：

<table> 元素：定义一个表格。 <caption>定义标题 <th>定义表头 <tr>元素：定义表格的行。 <td>元素：定义表格的一个单元格,列。

<table>标签属性： 1.border：表格边框宽度， 2.width,height表格的宽、高 3.cellspacing单元格之间的距离。 4.cellpadding表格内部与文本的距离。 5.algin表格相对网页的位置 6.<caption>表格标题的位置。   algin=left/right左/右   valgin=top/bottom上/下 7.brodercolor表格边框颜色。 8.borercolorlight表格亮面颜色(左、上)bordercolordark表格暗面颜色（右、下） 9.合并单元格：   rowspan/colspan单元格所占行数/单元格所占列数

 

<form>表单：

网页控件的总称 表单的组成： <form action="url" method=“*” >       表单内容（包括按钮，输入框，选择框） </form>

<input>标签   用来显示输入框和按钮等，其属性type决定了表单元素的类型 text文本框， password密码框， radio单选框， checkbox复选框， reset重置按钮， button按钮， submit提交按钮， image图片（checked） <textarea>标签表示多行文本框 <select>标签表示下拉菜单：<option>为选项，multiple属性设置是否可多选，size设置数目

 

框架：

制作框架页面的步骤：（框架页面是不含<body>标签的） 1.编写所有子框架页面 2.编写主框架页面 3.在主框架页面中设定子框架名称 4.如果框架页面之间存在链接，在子框架中设定链接。

<frameset>有两个属性：rows和cols Rows定义上下分割的框架的大小； cols定义左右分割的框架的大小；

View Code 
基本语法
<frameset>
<frame src="url">
<noframes>
<body>
您的浏览器不支持框架，请考虑升级您的浏览器！
</body>
</noframes>
</frameset>

 

会移动的文字：

<marquee> ... </marquee> 文字移动属性有： direction表示方向，behavior控制方式（#=scroll(循环), slide(只走一次), alternate(来回走)）， loop控制循环次数，若未指定则一直循环，scrollamount控制速度，scrolldelay设置延时， bgcolor设置底色，height. width设置面积，hspace. vspace设置空白

 

posted @ 2012-08-14 18:12  汤姆是一只猫  阅读(243)  评论(0)    收藏  举报