Java EE WEB工程师培训—JDBC+Servlet+JSP整合开发之32. HTML简介

• 本季内容提要
�CHTML简介
�C简单HTML元素
�CHTML元素和属性
�CStyle 和class属性
�C超级链接
�C图片
�C标题
�C给文本分组
�C格式化文本
�C列表
�C表
�C在表中的rowspan 和colspan
�C注释

##################Michael分割线########################

• 简单HTML元素
�C简单的HTML元素格式如下：
    • <TAGNAME>
    • .....
    • </TAGNAME>
�CTAGNAME是标签名称，完整的HTML 4.01元素列表可到如下站点找到：
• [url]http://www.w3.org/TR/html4/index/elements.html[/url]

�C 有90个不同的标准标签名称，这里我们只讲述如下核心标签的用法
�C TAGS ATTRIBUTES
�C ================================
�C html
�C head
�C title
�C body
�C a href=URL name=STRING
�C img src=URL alt="TEXT" ;NUM" height="NUM"
�C h1
�C h2
�C ...
�C h6
�C hr
�C p
�C div
�C br
�C span
�C pre
�C ol
�C ul
�C li
�C table border="NUM" cellspacing=DISTANCE cellpadding=DISTANCE
�C tr
�C td
�C th

�C实例演示

• HTML元素和属性
• 最基本的HTML元素和属性格式如下所示：

• Style 和class 属性
• Style和class 属性用来指定文本样式
�Cstyle：直接使用样式
�Cclass：引用CSS样式表

•超级链接
• 元素<a ...> 用来指定从当前页面跳转到其他页面的一个链接
• 格式如下：
�C<a href="URL"> HYPERTEXT </a>
• 示例

• 跳转到父文件夹“../”

• 发送Email链接

• 链接多媒体

• 跳转到同页面的其他部分的链接

 

• 图片
• 在网页中引用图片的格式如下：
�C<img src="WEBADDRESS" alt=TEXT height=NUM />
• 示例

• 标题
• 标题有6个级别从h1到h6，他们的格式如下：
�C<h1> CONTENT </h1>
• 示例

• 给文本分组
• 跨区
�C<span> CONTENT </span>

• 换行
�C<br/>
• 水平线
�C<hr/>

  
• 段落
�C <p>CONTENT</p>
•层
�C<div>CONTENT</div>

•格式化文本
• 一般用来显示程序代码，保留Tag和空格
�C格式如下：
<pre>
Pre
Formatted
Content
</pre>
• 示例

• 列表
• HTML提供了多种不同的列表类型，这里只讲述两种类型：
�CUl（unnumbered lists）
» 没有数字顺序的
�COl（ordered lists）
» 有数字顺序的
• 示例

• 表
• <table>
�C表元素
• <tr>
�C行元素
• <td>
�C列元素
• <th>
�C<列标题>

上图说明了表格的几个属性,其中黑色部分就是巢(cell)，白色的区域是巢补白(表格填充)，灰色的区域是巢空间(表格间距)。

• 在表中的rowspan 和colspan
• rowspan
�C一列跨多行
• colspan
�C一行跨多列
�C示例

• 注释
• 注释格式
�C<!-- comment -->
• 示例

 

################Michael分割线####################

本文出自 “王乾De技术博客” 博客，谢绝转载！