HTML網(wǎng)頁設(shè)計學(xué)習(xí)存在的問題與小結(jié)_第1頁
HTML網(wǎng)頁設(shè)計學(xué)習(xí)存在的問題與小結(jié)_第2頁
HTML網(wǎng)頁設(shè)計學(xué)習(xí)存在的問題與小結(jié)_第3頁
HTML網(wǎng)頁設(shè)計學(xué)習(xí)存在的問題與小結(jié)_第4頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、一：大家在學(xué)習(xí)HTML網(wǎng)頁設(shè)計過程中存在的問題：1：很多人在一個HTML頁面中寫了多對<body></body>，在一個HTML頁面中，有且只能有一對<body></body>，同理，有且只能有一對<head></head>，一對<html></html>2：HTML所有的標(biāo)簽、元素等全部使用小寫3：在HTML中，<br>和<hr>，沒有閉合標(biāo)簽，<br>和<hr>是單個出現(xiàn)的！ <br>的作用是換行，<hr>的效果是水平線4：

2、<h1>-<h1>-<h6>-<h6>，<h>標(biāo)簽是文章的標(biāo)題標(biāo)簽，如果不是標(biāo)題，別用該標(biāo)簽5: background="Vista.jpg"設(shè)置名稱為"Vista.jpg"的圖片為背景圖片，這樣寫，是因為圖片和頁面在同一級目錄下。如果你要做的背景圖片和你的頁面不在同一級目錄下，這是，圖片名稱前面就要加上該圖片所在的文件夾的路徑：background="E:/pic/Vista.jpg"E盤下的pic文件夾里面的Vista.jpg作為背景圖片6：colspan屬性用在<

3、td>標(biāo)簽中，用來指定單元格橫向跨越的列數(shù)；實例：<table border="1"><tr> <td colspan="2">單元格1</td> <td>單元格2</td></tr><tr> <td>單元格3</td> <td>單元格4</td> <td>單元格5</td></tr></table>效果：單元格1單元格2單元格3單元格4單元格5 7： row

4、span同上，作用是指定單元格縱向跨越的行數(shù)實例：<table border="1"><tr><td rowspan="3">單元格1</td><td>單元格2</td></tr><tr><td>單元格3</td></tr><tr><td>單元格4</td></tr></table>效果：單元格1單元格2單元格3單元格4二：對上周三、周四課程的總結(jié)。1、 HTML頁

5、面的基本組成：<html><head></head><body></body></html>2、<head></head>部分介紹head 標(biāo)簽 - 代表HTML文檔的頭信息，head標(biāo)簽是成對出現(xiàn)的,以<head>開始,</head>結(jié)束頭(head)包含了當(dāng)前文檔的一些信息,例如標(biāo)題信息,meta信息等,正常情況下頭信息是不會顯示在HTML文檔中的.head元素包含的標(biāo)簽: title標(biāo)簽base標(biāo)簽link標(biāo)簽style標(biāo)簽script標(biāo)簽meta標(biāo)簽2.1 title

6、標(biāo)簽-是HTML文檔的標(biāo)題，成對出現(xiàn)的,以<title>開始,</title>結(jié)束例：<html><head><title>網(wǎng)頁標(biāo)題</title></head><body></body></html>2.2 meta標(biāo)簽-在head標(biāo)簽中的meta標(biāo)簽,可以為HTML文檔提供額外信息例如我們之前說過的頁面刷新功能，就可以用該標(biāo)簽解決<meta http-equiv="refresh"content="8;url=1.html"&

7、gt;8秒之后頁面自動刷新跳轉(zhuǎn)到“1.html”頁面?zhèn)渥ⅲ涸摌?biāo)簽放在<head></head>之間！3、<body></body>部分介紹-body定義HTMl文檔的主體。<body></body>里包含文檔的所有內(nèi)容（比如文本、超鏈接、圖像、表格和列表等等。）3.1 文字鏈接：<a href="" target="_blank" style="text-decoration:none" >汽車</a>效果：點擊“汽車”，頁面跳轉(zhuǎn)到備注1：

8、target="_blank"，作用：在新窗口打開鏈接頁面 2：style="text-decoration:none"，作用：去掉鏈接文字下的下劃線3.2圖片鏈接：<a href="1.html"><img src="1.gif" alt="流氓兔" ></a>效果：點擊“圖片”，頁面跳轉(zhuǎn)到1.html備注1：alt="流氓兔"，作用：alt 屬性是一個必需的屬性，它規(guī)定在圖像無法顯示時的替代文本。假設(shè)由于下列原因用戶無法查看圖像，alt 屬性可以為圖像提供替代的信息：網(wǎng)速太慢src 屬性中的錯誤瀏覽器禁用圖像用戶使用的是屏幕閱讀器實例<a href=”1.html”><img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 郁金香"></a>如果無法顯示圖像，瀏覽器將顯示替代文本，就像這樣： 4、表格-表格的以<tab

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論