HTML基礎(chǔ).doc

屬性值描述classclassname規(guī)定元素的類名（classname）idid規(guī)定元素的唯一 idstylestyle_definition規(guī)定元素的行內(nèi)樣式（inline style）titletext規(guī)定元素的額外信息（可在工具提示中顯示）您將在本教程下面的章節(jié)中學(xué)到更多有關(guān) HTML 標(biāo)簽和屬性的知識。標(biāo)簽描述定義 HTML 文檔。定義文檔的主體。 to 定義 HTML 標(biāo)題定義水平線。定義注釋。標(biāo)簽描述定義段落。插入單個(gè)折行（換行）。標(biāo)簽描述定義粗體文本。定義大號字。定義著重文字。定義斜體字。定義小號字。定義加重語氣。定義下標(biāo)字。定義上標(biāo)字。定義插入字。定義刪除字。不贊成使用。使用 代替。不贊成使用。使用 代替。不贊成使用。使用樣式（style）代替。“計(jì)算機(jī)輸出”標(biāo)簽標(biāo)簽描述定義計(jì)算機(jī)代碼。定義鍵盤碼。定義計(jì)算機(jī)代碼樣本。定義打字機(jī)代碼。定義變量。定義預(yù)格式文本。引用、引用和術(shù)語定義標(biāo)簽描述定義縮寫。定義首字母縮寫。定義地址。定義文字方向。定義長的引用。定義短的引用語。定義引用、引證。定義一個(gè)定義項(xiàng)目表單標(biāo)簽標(biāo)簽描述定義供用戶輸入的表單定義輸入域定義文本域 (一個(gè)多行的輸入控件)定義一個(gè)控制的標(biāo)簽定義域定義域的標(biāo)題定義一個(gè)選擇列表定義選項(xiàng)組定義下拉列表中的選項(xiàng)定義一個(gè)按鈕圖像標(biāo)簽標(biāo)簽描述定義圖像。定義圖像地圖。定義圖像地圖中的可點(diǎn)擊區(qū)域。This text is bold This text is strong This text is bigThis text is emphasizedThis text is italicThis text is smallThis text containssubscriptThis text containssuperscriptComputer codeKeyboard inputTeletype textSample textComputer variable 以上標(biāo)簽適用于顯示計(jì)算機(jī)/編程代碼此例演示如何在 HTML 文件中寫地址W3School 的地址： 用戶服務(wù)信箱 上海贏科投資有限公司 金橋開發(fā)區(qū) 789 號此例演示如何實(shí)現(xiàn)縮寫或首字母縮寫etc. WWW在某些瀏覽器中，當(dāng)您把鼠標(biāo)移至縮略詞語上時(shí)，title 可用于展示表達(dá)的完整版本。此例演示如何改變文字的方向。如果您的瀏覽器支持 bi-directional override (bdo)，下一行會從右向左輸出 (rtl)；Here is some Hebrew text此例演示如何實(shí)現(xiàn)長短不一的引用語 .長引用. .這是短引用. 使用 blockquote 元素的話，瀏覽器會插入換行和外邊距，而 q 元素不會有任何特殊的呈現(xiàn)。此例演示如何標(biāo)記刪除文本和插入文本一打有 二十 十二 件。前面為刪除（delete）二十 后面為插入（insert） 十二 HTML 樣式實(shí)例 - 字體、顏色和尺寸style 屬性淘汰了“舊的” bgcolor,align 屬性。font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列、顏色和字體尺寸：This is a heading This is a headingThis is a paragraph.本文本 是一個(gè)指向本網(wǎng)站中的一個(gè)頁面的鏈接。“/index.html”為相對的路徑。前面 / 處可以不用寫出具體地址把鏈接的內(nèi)容全屏顯示修改 target 值 被鎖在框架中了嗎？ 請點(diǎn)擊這里！當(dāng)target=”_blank”時(shí)，彈出的鏈接頁面為一個(gè)新的窗口 您也可以使用圖像來作鏈接： 以下鏈接可以鏈接到其他頁面的指定的地方查看 Chapter 4。 Chapter 4 表格的創(chuàng)建 標(biāo)題 姓名 性別 ni hao ni hao a ni hao hao ni hello ni hao ni hao a hao hao 運(yùn)行結(jié)果標(biāo)題姓名性別ni hao ni hao a nihao hao nihelloni hao ni hao a hao hao 自定義列表： 一個(gè)定義列表： 計(jì)算機(jī) 用來計(jì)算的儀器 . . 顯示器 以視覺方式顯示信息的裝置 . .運(yùn)行結(jié)果：計(jì)算機(jī) 用來計(jì)算的儀器 . . 顯示器 以視覺方式顯示信息的裝置 . . 表單的動(dòng)作屬性（Action）和確認(rèn)按鈕 submit 表單提交按鈕 、提交當(dāng)用戶單擊確認(rèn)按鈕時(shí)，表單的內(nèi)容會被傳送到另一個(gè)文件。表單的動(dòng)作屬性定義了目的文件的文件名。由動(dòng)作屬性定義的這個(gè)文件通常會對接收到的輸入數(shù)據(jù)進(jìn)行相關(guān)的處理。Username: 瀏覽器顯示如下：窗體頂端Username: 窗體底端假如您在上面的文本框內(nèi)鍵入幾個(gè)字母，然后點(diǎn)擊Submit按鈕，那么輸入數(shù)據(jù)會傳送到 html_form_action.asp 的頁面。該頁面將顯示出輸入的結(jié)果。 User=ni hao a單選框： Male Female復(fù)選框（Checkboxes）當(dāng)用戶需要從若干給定的選擇中選取一個(gè)或若干選項(xiàng)時(shí)，就會用到復(fù)選框。I have a bikeI have a carMale: Female: 如果您點(diǎn)擊 Submit 按鈕，您將把輸入傳送到名為 html_form_action.asp 的新頁面。圖像標(biāo)簽（）和源屬性（Src）在 HTML 中，圖像由 標(biāo)簽定義。 是空標(biāo)簽，意思是說，它只包含屬性，并且沒有閉合標(biāo)簽。要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 source。源屬性的值是圖像的 URL 地址。定義圖像的語法是：替換文本屬性（Alt）alt 屬性用來為圖像定義一串預(yù)備的可替換的文本。替換文本屬性的值是用戶定義的。在瀏覽器無法載入圖像時(shí)，替換文本屬性告訴讀者她們失去的信息。此時(shí)，瀏覽器將顯示這個(gè)替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣，這樣有助于更好的顯示信息，并且對于那些使用純文本瀏覽器的人來說是非常有用的。 用圖片做背景！ 設(shè)置圖片的=顯示位置為圖片的不同位置鏈接不同的頁面： /設(shè)置替代性的文本，似圖片的一個(gè)索引，鼠標(biāo)放在上面就會顯示文本內(nèi)容當(dāng)shape=”rect”時(shí)coords要給出矩形的兩個(gè)點(diǎn)坐標(biāo)。左上角，右下角設(shè)置背景圖片，背景顏色 提示：如果你打算使用背景圖片，你需要緊記一下幾點(diǎn)： 背景圖像是否增加了頁面的加載時(shí)間。小貼士：圖像文件不應(yīng)超過 10k。 背景圖像是否與頁面中的其他圖象搭配良好。 背景圖像是否與頁面中的文字顏色搭配良好。 圖像在頁面中平鋪后，看上去還可以嗎？ 對文字的注意力被背景圖像喧賓奪主了嗎？1.HTML 指的是？您的回答：超文本標(biāo)記語言（Hyper Text Markup Language）2.Web 標(biāo)準(zhǔn)的制定者是？您的回答：萬維網(wǎng)聯(lián)盟（W3C）3.在下列的 HTML 中，哪個(gè)是最大的標(biāo)題？您的回答：4.在下列的 HTML 中，哪個(gè)可以插入折行？您的回答：5.在下列的 HTML 中，哪個(gè)可以添加背景顏色？您的回答：6.請選擇產(chǎn)生粗體字的 HTML 標(biāo)簽：您的回答：7.請選擇產(chǎn)生斜體字的 HTML 標(biāo)簽：您的回答：8.在下列的 HTML 中，哪個(gè)可以產(chǎn)生超鏈接？您的回答：W3School9.如何制作電子郵件鏈接？您的回答：正確答案：10.如何在新窗口打開鏈接？您的回答：11.以下選項(xiàng)中，哪個(gè)全部都是表格標(biāo)簽？您的回答：12.請選擇可以使單元格中的內(nèi)容進(jìn)行左對齊的正確 HTML 標(biāo)簽：您的回答：13.如何產(chǎn)生帶有數(shù)字列表符號的列表？您的回答：14.如何產(chǎn)生帶有圓點(diǎn)列表符號的列表？您的回答：15.在下列的 HTML 中，哪個(gè)可以產(chǎn)生復(fù)選框？您的回答：16.在下列的 HTML 中，哪個(gè)可以產(chǎn)生文本框？您的回答：17.在下列的 HTML 中，哪個(gè)可以產(chǎn)生下拉列表？您的回答：18.在下列的 HTML 中，哪個(gè)可以產(chǎn)生文本區(qū)（textarea）？您的回答：19.在下列的 HTML 中，哪個(gè)可以插入圖像？您的回答：20.在下列的 HTML 中，哪個(gè)可以插入背景圖像？您的回答：字體標(biāo)簽font使用類似下面的HTML代碼，你可以定義瀏覽器輸出的尺寸和類型：注意style的格式：This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it. This is a paragraph with some text in it.來自 W3School 的 HTML 快速參考。可以打印它，以備日常使用。HTML Basic DocumentDocument name goes hereVisible text goes hereText ElementsThis is a paragraph (line break) (horizontal rule)This text is preformattedLogical StylesThis text is emphasizedThis text is strongThis is some computer codePhysical StylesThis text is boldThis text is italicLinks, Anchors, and Image ElementsThis is a LinkSend e-mailA named anchor:Useful Tips SectionJump to the Useful Tips SectionUnordered listFirst itemNext itemOrdered listFirst itemNext itemDefinition listFirst termDef