html、css javascript教程第3章文件整體結(jié)構_第1頁
html、css javascript教程第3章文件整體結(jié)構_第2頁
html、css javascript教程第3章文件整體結(jié)構_第3頁
html、css javascript教程第3章文件整體結(jié)構_第4頁
html、css javascript教程第3章文件整體結(jié)構_第5頁
已閱讀5頁，還剩31頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

本書編委會編著實例版第3章HTML文件的整體結(jié)構3.1文件頭部內(nèi)容3.2主體內(nèi)容<body>HTML/CSS/JavaScript

標準教程實例版（第2版）例1-11．HTML頭部文件和主體文件例1-1

頭部標記是成部標記是成對的<head></head>，主體標記是成對的<body></body><html><head><title>設置頁面邊距</title></head>

<bodytopmargin=0leftmargin=20rightmargin=20bottomnargin=180>  2007年1月16日，電子工業(yè)出版社博文視點公司召開了“博文視點三周年慶典暨頒獎晚會”。剛剛過去的2006年對博文視點的發(fā)展來說是意義非凡的一年，在市場不斷變化，道路并不平坦的一年中，博文視點能夠穩(wěn)住軍心，堅持自己的出版方向，逐漸成為IT出版界的旗艦級機構。

</body>

</html>頭部文件主體文件返回3.1文件頭部內(nèi)容

3.1.1設置頁面標題<title>3.1.2設置基底網(wǎng)址<base>3.1.3設置基準文字<basefont>3.1.4定義元信息<meta>3.1.5設置頁面關鍵字——keywords3.1.6設置頁面過期時間——expires3.1.1設置頁面標題<title>基本語法<html><head><title>請在此輸入標題名</title></head><body></body></html>3.1.1設置頁面標題<title>語法說明在網(wǎng)頁中設置網(wǎng)頁的標題，只要在HTML文件的頭部文件的<title></title>中輸入標題信息就可以在瀏覽器的上顯示3.1.1設置頁面標題<title>實例代碼<!實例3-1-1代碼><html><head><title>請在此輸入標題名</title>

</head>

<body>請看標題欄!</body></html>此行代碼用于插入HTML顯示的標題3.1.1設置頁面標題<title>網(wǎng)頁效果3.1.2設置基底網(wǎng)址<base>基本語法<html><head><basehref=”文件路徑”target=“目標窗口”></head><body></body></html>3.1.2設置基底網(wǎng)址<base>語法說明href用于設置網(wǎng)頁文件鏈接的地址，target用于設置頁面顯示的目標窗口。3.1.2設置基底網(wǎng)址<base>實例代碼<!實例3-1-2代碼><html><head><basehref=".Broadview."target="_self"></head><body>2007年1月16日，電子工業(yè)出版社<Ahref="">博文視點</A>公司召開了“博文視點三周年慶典暨頒獎晚會”。剛剛過去的2006年對博文視點的發(fā)展來說是意義非凡的一年，在市場不斷變化，道路并不平坦的一年中，博文視點能夠穩(wěn)住軍心，堅持自己的出版方向，逐漸成為IT出版界的旗艦級機構。</body></html>此行代碼表示：當網(wǎng)頁代碼運行后，把鼠標放在設置好鏈接的“博文視點”上面，在狀態(tài)欄上會顯示“博文視點”鏈接的完整地址，并且在單擊該鏈接后，網(wǎng)頁會在當前窗口中被打開。3.1.2設置基底網(wǎng)址<base>網(wǎng)頁效果3.1.3設置基準文字<basefont>基本語法<html><head><basefontface=””size=””color=””></head><body></body></html>3.1.3設置基準文字<basefont>語法說明<basefont>標記用于設置網(wǎng)頁中的文字；face屬性用于設置文字的名稱，可以是宋體、隸體、楷體等；size屬性用于設置字號的大?。籧olor用于設置字體的顏色。3.1.3設置基準文字<basefont>實例代碼<!實例3-1-3代碼><html><html><head><basefontface="宋體"size="h2"color="#666666"></head><body>2007年1月16日，電子工業(yè)出版社<Ahref="index">博文視點</A>公司召開了“博文視點三周年慶典暨頒獎晚會”。</body> </html>此行代碼表示將網(wǎng)頁中文字的字體設置為“宋體”，字號大小為“h2”，顏色為“#666666”（灰色）。3.1.3設置基準文字<basefont>網(wǎng)頁效果3.1.4定義元信息<meta>基本語法<metahttp-equiv=””name=””content=””>3.1.4定義元信息<meta>語法說明<meta>標記中的http-equiv屬性用于設置一個http的標題域，但確定值由content屬性決定，name屬性用于設置元信息出現(xiàn)的形式，content屬性用于設置元信息出現(xiàn)的內(nèi)容。3.1.4定義元信息<meta>實例代碼<!實例3-1-5代碼><html><head><metahttp-equiv=””name=””content=””>

…</head><body>…</body></html>此行代碼表示：當給各項輸入正確的屬性值后，都會在網(wǎng)頁中顯示一定的效果。3.1.5設置頁面關鍵字－keywords基本語法<metaname=”keywords”content=”value”>3.1.5設置頁面關鍵字－keywords語法說明Keywords用于說明定義的是關鍵字，value用于說明為該網(wǎng)頁定義的關鍵字，可以是多個關鍵字。3.1.5設置頁面關鍵字－keywords實例代碼<!實例3-1-5代碼> <html><head><title>設置文件關鍵字</title><metaname=”keywords”content=”計算機、英語、經(jīng)管、財會、職場”>

…</head><body>…</body></html>此行代碼表示在該HTML文件中，定義的關鍵字為“計算機、英語、經(jīng)管、財會、職場”，當利用搜索引擎搜索圖書時，輸入任何一個關鍵字都可以搜索到該網(wǎng)頁。3.1.6設置頁面過期時間－expires基本語法<metahttp-equiv=”expires”content=”value”>語法說明expires用于設計頁面過期時間，content屬性設置具體過期時間值。3.1.6設置頁面過期時間－expires實例代碼<!實例3-1-6代碼><html><head><title>設置頁面過期時間</title><metahttp-equiv=”expires”content=”FRI,1JUN2007000000GMT”>

</head>

<body></body></html>Expires用于設置網(wǎng)頁的過期時間，content給出了網(wǎng)頁過期的具體時間值。返回3.2主體內(nèi)容<body>

3.2.1設置頁面背景——bgcolor3.2.2設置頁面邊距——topmargin、leftmargin、rightmargin、bottomnargin3.2.3設計正文顏色——text

3.2.1設置頁面背景——bgcolor

基本語法<bodybgcolor=””>語法說明利用<body>標記中的bgcolor屬性，可以設置網(wǎng)頁的背景顏色。3.2.1設置頁面背景——bgcolor實例代碼3.2.1設置頁面背景——bgcolor頁面背景設置顯示3.2.2設置頁面邊距——topmargin、leftmargin、rightmargin、bottomnargin

基本語法<bodytopmargin=valueleftmargin=valuerightmargin=valuebottomnargin=value> 3.2.2設置頁面邊距——topmargin、leftmargin、rightmargin、bottomnargin

語法說明通過設置topmargin/leftmargin/rightmargin/bottomnargin不同的屬性值來設置顯示內(nèi)容與瀏覽器的距離：topmargin設置到頂端的距離leftmargin設置到左邊的距離rightmargin設置到右邊的距離bottommargin設置到底邊的距離。3.2.2設置頁面邊距——topmargin、leftmargin、rightmargin、bottomnargin

實例代碼3.2.2設置頁面邊距——topmargin、leftmargin、rightmarg

溫馨提示

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

評論

0/150

提交評論