A-A+

HTML速成指南

2014年05月24日 编程开发 暂无评论 阅读 1,332 views 次

因为后期任务需要,加上自己忘得差不多了,在这里再熟悉熟悉HTML。

我们在开发web页面的时候,就是用HTML来描述页面应该长的什么样子,以及它应该有怎么样子的表现。

HTML有数十个标记,还有成百上千标记属性。HTML的目标是拿到一个文本文档,然后为它增加一些标记,告诉浏览器如何对这个文本格式化。下面列举一些主要标记及其实现效果。


<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题
<h1></h1> 最大的标题
<pre></pre> 预先格式化文本  
<u></u> 下划线
<b></b> 黑体字
<i></i> 斜体字
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值
<BASEFONT></BASEFONT> 基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小
<STRIKE></STRIKE> 加删除线
<CODE></CODE> 程式码  
<KBD></KBD> 键盘字
<SAMP></SAMP> 范例
<VAR></VAR> 变量
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记
<sup></SUP> 上标字
<SUB></SUB> 下标字
<xmp>...</xmp>固定宽度字体(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体 
<font color=00ff00>...</font>字体颜色
<font size=1>...</font>最小字体  
<font style ='font-size:100 px'>...</font>无限增大  

在这里我们举例说明,假设你正在创建一个页面。最简单的HTML可能是这样子:

  1. <html> 
  2.     <head>
  3.         <title>格式单词与含义</title>
  4.     </head> 
  5.     <body> 
  6.         <table width="900" border="1"
  7.             <tr align="center" width="900"
  8.                 <td colspan="4">横向通栏示例</td> 
  9.             </tr> 
  10.             <tr> 
  11.                 <td align="center" width="450"><br>纵向通栏示例<br></td> 
  12.                 <td align="center">格式单词</td> 
  13.                 <td align="center">width</td> 
  14.                 <td align="center">height</td> 
  15.             </tr> 
  16.             <tr> 
  17.                 <td> </td> 
  18.                 <td align="center">含义</td > 
  19.                 <td align="center">宽度</td > 
  20.                 <td align="center">高度</td > 
  21.             </tr> 
  22.         </table> 
  23.     </body> 
  24. </html>

我们至少要做到的是当你看到HTML时,你要是知道发生了什么。

当浏览器读取HTML代码,会创建Web页面,并将该页面显示给用户。

标签:
Copyright © 风恋尘香 保留所有权利.   Theme  Ality

用户登录