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  汤姆是一只猫  阅读(234)  评论(0编辑  收藏  举报