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>
特殊字符的显示:" &…;" 如: 表示一个空格
HTML注释的格式为:<!-- 注释内容 -- >
超链接与图片标签:
<a href=”***.htm”>超链接到另一个htm文件</a> <img src=”图片文件路径”>,属性alt为当图片未载入时的文字说明
列表标签:
无序列表是由<ul>和<li>元素定义的:
有序列表是由<ol>和<li>元素定义的:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<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定义左右分割的框架的大小;
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
基本语法 <frameset> <frame src="url"> <noframes> <body> 您的浏览器不支持框架,请考虑升级您的浏览器! </body> </noframes> </frameset>
会移动的文字:
<marquee> ... </marquee> 文字移动属性有: direction表示方向,behavior控制方式(#=scroll(循环), slide(只走一次), alternate(来回走)), loop控制循环次数,若未指定则一直循环,scrollamount控制速度,scrolldelay设置延时, bgcolor设置底色,height. width设置面积,hspace. vspace设置空白