html coding不是任何一門語言，而是用HTML語言實現的一種技術，即HTML編碼。在中國叫做網頁製作，網站製作，網站重構 HTML CODING常用工具
基本介紹
- 中文名：html coding
- 外文名：html coding
- 屬性：HTML編碼
- 編輯工具：editplus
- 學科：計算機
HTML CODING的基本步驟,相關知識連線,HTML標籤,
百科名片
HTML CODING： 不是任何一門語言，而是用HTML語言實現的一種技術，即HTML編碼。
中國喜歡把叫做：網頁製作，網站製作，網站重構 HTML CODING常用工具
1．超文本標識語言（HTML）
編輯工具：editplus、dreamweaver、記事本、FrontPage、
2．頁面設計及美化工具
使用工具：所有可製作平面的軟體
推薦使用Photoshop、FireWorks、Flash、AI
HTML CODING的基本步驟
1、分析頁面
2、切圖
3、coding
4、合併
5、測試網頁兼容性
6、發布站點
相關知識連線
HTML（Hypertext Markup Language）即文本標記語言，是用於描述網頁文檔的一種標記語言。
HTML標籤
Basic tags | 基 本 標 簽 | |
<html></html> | Creates an HTML document | 創 建 一 個HTML 文 檔 |
<head></head> | Sets off the title and other information that isn't displayed on the Web page itself | 設 置 文 檔 標 題 以 及 其 他 不 在WEB 網 頁 上 顯 示 的 信 息 |
<body></body> | Sets off the visible portion of the document | 設 置 文 檔 的 可 見 部 分 |
Header tags | 標 題 標 簽 | |
<title></title> | Puts the name of the document in the title bar | 將 文 檔 的 題 目 放 在 標 題 欄 中 |
Body attributes | 文 檔 整 體 屬 性 | |
<body bgcolor=?> | Sets the background color, using name or hex value | 設 置 背 景 顏 色， 使 用 名 字 或 十 六 進 制 值 |
<body text=?> | Sets the text color, using name or hex value | 設 置 文 本 文 字 顏 色， 使 用 名 字 或 十 六 進 制 值 |
<body link=?> | Sets the color of links, using name or hex value | 設 置 鏈 接 顏 色， 使 用 名 字 或 十 六 進 制 值 |
<body vlink=?> | Sets the color of followed links, using name or hex value | 設 置 已 使 用 的 鏈 接 的 顏 色， 使 用 名 字 或 十 六 進 制 值 |
<body alink=?> | Sets the color of links on click | 設 置 正 在 被 擊 中 的 鏈 接 的 顏 色， 使 用 名 字 或 十 六 進 制 值 |
Text tags | 文 本 標 簽 | |
<pre></pre> | Creates preformatted text | 創 建 預 格 式 化 文 本 |
<h1></h1> | Creates the largest headline | 創 建 最 大 的 標 題 |
<h6></h6> | Creates the smallest headline | 創 建 最 小 的 標 題 |
<b></b> | Creates bold text | 創 建 黑 體 字 |
<i></i> | Creates italic text | 創 建 斜 體 字 |
<tt></tt> | Creates teletype, or typewriter-style text | 創 建 打 字 機 風 格 的 字 體 |
<cite></cite> | Creates a citation, usually italic | 創 建 一 個 引 用， 通 常 是 斜 體 |
<em></em> | Emphasizes a word (with italic or bold) | 加 重 一 個 單 詞（ 通 常 是 斜 體 加 黑 體） |
<strong></strong> | Emphasizes a word (with italic or bold) | 加 重 一 個 單 詞（ 通 常 是 斜 體 加 黑 體） |
<font size=?></font> | Sets size of font, from 1 to 7 | 設 置 字 體 大 小， 從 1 到 7 |
<font color=?></font> | Sets font color, using name or hex value | 設 置 字 體 的 顏 色， 使 用 名 字 或 十 六 進 制 值 |
Links | 鏈 接 | |
<a href="URL"></a> | Creates a hyperlink | 創 建 一 個 超 鏈 接 |
<a href="mailto:EMAIL"> </a> | Creates a mailto link | 創 建 一 個 自 動 發 送 電 子 郵 件 的 鏈 接 |
<a name="NAME"></a> | Creates a target location within a document | 創 建 一 個 位 於 文 檔 內 部 的 靶 位 |
<a href="#NAME"></a> | Links to that target location from elsewhere in the document | 創 建 一 個 指 向 位 於 文 檔 內 部 靶 位 的 鏈 接 |
Formatting | 格 式 排 版 | |
<p> | Creates a new paragraph | 創 建 一 個 新 的 段 落 |
<p align=?> | Aligns a paragraph to the left, right, or center | 將 段 落 按 左、 中、 右 對 齊 |
<br> | Inserts a line break | 插 入 一 個 回 車 換 行 符 |
<blockquote> </blockquote> | Indents text from both sides | 從 兩 邊 縮 進 文 本 |
<dl></dl> | Creates a definition list | 創 建 一 個 定 義 列 表 |
<dt> | Precedes each definition term | 放 在 每 個 定 義 術 語 詞 之 前 |
<dd> | Precedes each definition | 放 在 每 個 定 義 之 前 |
<ol></ol> | Creates a numbered list | 創 建 一 個 標 有 數 字 的 列 表 |
<li> | Precedes each list item, and adds a number | 放 在 每 個 數 字 列 表 項 之 前， 並 加 上 一 個 數 字 |
<ul></ul> | Creates a bulleted list | 創 建 一 個 標 有 圓 點 的 列 表 |
<li> | Precedes each list item, and adds the bullet | 放 在 每 個 圓 點 列 表 項 之 前， 並 加 上 一 個 圓 點 |
<div align=?> | A generic tag used to format large blocks of HTML, also used for stylesheets | 一 個 用 來 排 版 大 塊HTML 段 落 的 標 簽， 也 用 於 格 式 化 表 |
Graphical elements | 圖 形 元 素 | |
<img src="name"> | Adds an image | 添 加 一 個 圖 像 |
<img src="name" align=?> | Aligns an image: left, right, center; bottom, top, middle | 排 列 對 齊 一 個 圖 像： 左 中 右 或 上 中 下 |
<img src="name" border=?> | Sets size of border around an image | 設 置 圍 繞 一 個 圖 像 的 邊 框 的 大 小 |
<hr> | Inserts a horizontal rule | 加 入 一 條 水 平 線 |
<hr size=?> | Sets size (height) of rule | 設 置 水 平 線 的 大 小（ 高 度） |
<hr width=?> | Sets width of rule, in percentage or absolute value | 設 置 水 平 線 的 寬 度（ 百 分 比 或 絕 對 像 素 點） |
<hr noshade> | Creates a rule without a shadow | 創 建 一 個 沒 有 陰 影 的 水 平 線 |
Tables | 表 格 | |
<table></table> | Creates a table | 創 建 一 個 表 格 |
<tr></tr> | Sets off each row in a table | 開 始 表 格 中 的 每 一 行 |
<td></td> | Sets off each cell in a row | 開 始 一 行 中 的 每 一 個 格 子 |
<th></th> | Sets off the table header (a normal cell with bold, centered text) | 設 置 表 格 頭： 一 個 通 常 使 用 黑 體 居 中 文 字 的 格 子 |
Table attributes | 表 格 屬 性 | |
<table border=#> | Sets width of border around table cells | 設 置 圍 繞 表 格 的 邊 框 的 寬 度 |
<table cellspacing=#> | Sets amount of space between table cells | 設 置 表 格 格 子 之 間 空 間 的 大 小 |
<table cellpadding=#> | Sets amount of space between a cell's border and its contents | 設 置 表 格 格 子 邊 框 與 其 內 部 內 容 之 間 空 間 的 大 小 |
<table width=# or %> | Sets width of table - in pixels or as a percentage of document width | 設 置 表 格 的 寬 度－ 用 絕 對 像 素 值 或 文 檔 總 寬 度 的 百 分 比 |
<tr align=?> or <td align=?> | Sets alignment for cell(s) (left, center, or right) | 設 置 表 格 格 子 的 水 平 對 齊（ 左 中 右） |
<tr valign=?> or <td valign=?> | Sets vertical alignment for cell(s) (top, middle, or bottom) | 設 置 表 格 格 子 的 垂 直 對 齊（ 上 中 下） |
<td colspan=#> | Sets number of columns a cell should span (default=1) | 設 置 一 個 表 格 格 子 應 跨 占 的 列 數（ 缺 省 為 1） |
<td rowspan=#> | Sets number of rows a cell should span (default=1) | 設 置 一 個 表 格 格 子 應 跨 占 的 行 數（ 缺 省 為 1） |
<td nowrap> | Prevents the lines within a cell from being broken to fit | 禁 止 表 格 格 子 內 的 內 容 自 動 斷 行 回 卷 |
Frames | 窗 框 | |
<frameset></frameset> | Precedes the <body> tag in a frames document; can also be nested in other framesets | 放 在 一 個 窗 框 文 檔 的 <body> 標 簽 之 前，也 可 以 嵌 在 其 他 窗 框 文 檔 中 |
<frameset rows="value,value"> | Defines the rows within a frameset, using number in pixels, or percentage of width | 定 義 一 個 窗 框 內 的 行 數， 可 以 使 用 絕 對 像 素 值 或 高 度 的 百 分 比 |
<frameset cols="value,value"> | Defines the columns within a frameset, using number in pixels, or percentage of width | 定 義 一 個 窗 框 內 的 列 數， 可 以 使 用 絕 對 像 素 值 或 寬 度 的 百 分 比 |
<frame> | Defines a single frame - or region - within a frameset | 定 義 一 個 窗 框 內 的 單 一 窗 或 窗 區 域 |
<noframes></noframes> | Defines what will appear on browsers that don't support frames | 定 義 在 不 支 持 窗 框 的 瀏 覽 器 中 顯 示 什 么 提 示 |
Frames attributes | 窗 框 屬 性 | |
<frame src="URL"> | Specifies which HTML document should be displayed | 規 定 窗 框 內 顯 示 什 么HTML 文 檔 |
<frame name="name"> | Names the frame, or region, so it may be targeted by other frames | 命 名 窗 框 或 區 域 以 便 別 的 窗 框 可 以 指 向 它 |
<frame marginwidth=#> | Defines the left and right margins for the frame; must be equal to or greater than 1 | 定 義 窗 框 左 右 邊 緣 的 空 白 大 小， 必 須 大 於 等 於1 |
<frame marginheight=#> | Defines the top and bottom margins for the frame; must be equal to or greater than 1 | 定 義 窗 框 上 下 邊 緣 的 空 白 大 小， 必 須 大 於 等 於1 |
<frame scrolling=VALUE> | Sets whether the frame has a scrollbar; value may equal "yes," "no," or "auto." The default, as in ordinary documents, is auto. | 設 置 窗 框 是 否 有 滾 動 欄， 其 值 可 以 是 "yes", "no", "auto"， 缺 省 時 一 般 為 "auto" |
<frame noresize> | Prevents the user from resizing a frame | 禁 止 用 戶 調 整 一 個 窗 框 的 大 小 |
Forms | 表 單 | |
For functional forms, you'll have to run a CGI script. The HTML just creates the appearance of a form. | 對 於 功 能 性 的 表 單，一 般 需 要 運 行 一 個 CGI 小 程 序，HTML僅 僅 是產 生 表 單 的 表 面 樣 子。 | |
<form></form> | Creates all forms | 創 建 所 有 表 單 |
<select multiple name="NAME" size=?></select> | Creates a scrolling menu. Size sets the number of menu items visible before you need to scroll. | 創 建 一 個 滾 動 菜 單，size 設 置 在 需 要 滾 動 前 可 以 看 到 的 表 單 項 數 目 |
<option> | Sets off each menu item | 設 置 每 個 表 單 項 的 內 容 |
<select name="NAME"></select> | Creates a pulldown menu | 創 建 一 個 下 拉 菜 單 |
<option> | Sets off each menu item | 設 置 每 個 菜 單 項 的 內 容 |
<textarea name="NAME" cols=40 rows=8></textarea> | Creates a text box area. Columns set the width; rows set the height. | 創 建 一 個 文 本 框 區 域，列 的 數 目 設 置 寬 度，行 的 數 目 設 置 高 度 |
<input type="checkbox" name="NAME"> | Creates a checkbox. Text follows tag. | 創 建 一 個 復 選 框，文 字 在 標 簽 後 面 |
<input type="radio" name="NAME" value="x"> | Creates a radio button. Text follows tag | 創 建 一 個 單 選 框，文 字 在 標 簽 後 面 |
<input type=text name="foo" size=20> | Creates a one-line text area. Size sets length, in characters. | 創 建 一 個 單 行 文 本 輸 入 區 域，size 設 置 以 字 符 計 的 寬 度 |
<input type="submit" value="NAME"> | Creates a Submit button | 創 建 一 個 submit（提 交）按 鈕 |
<input type="image" border=0 name="NAME" src="name.gif"> | Creates a Submit button using an image | 創 建 一 個 使 用 圖 象 的 submit（提 交）按 鈕 |
<input type="reset"> | Creates a Reset button | 創 建 一 個 reset（重 置）按 鈕 |
HTML標籤(摘自監控中心)
