lession02HTML語言基礎之文本1課件_第1頁
lession02HTML語言基礎之文本1課件_第2頁
lession02HTML語言基礎之文本1課件_第3頁
lession02HTML語言基礎之文本1課件_第4頁
lession02HTML語言基礎之文本1課件_第5頁
已閱讀5頁，還剩27頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

lession02HTML語言基礎之文本蘭晶lession02HTML語言基礎之文本啟動和退出Dreamweaver8單擊“開始”按鈕，在開始菜單中依次選擇“程序”—“Macromedia”—“MacromediaDreamweaver8”，啟動Dreamweaver8程序。啟動Dreamweaver8后出現(xiàn)開始界面。lession02HTML語言基礎之文本lession02HTML語言基礎之文本新建網(wǎng)頁菜單欄中“文件”|“新建”命令||標準工具欄上的按鈕“新建文檔”對話框中選擇“基本頁”選項中的“HTML”保存網(wǎng)頁菜單欄中“文件”|“保存”||標準工具欄上的按鈕關閉網(wǎng)頁菜單欄中“文件”|“關閉”||單擊文檔的窗口右上角的“×”打開網(wǎng)頁菜單欄中的“文件”|“打開”||選中文件拖拽到DW中的標簽欄預覽網(wǎng)頁菜單欄中“文件”|“在瀏覽器中預覽”|“Iexplore6.0”使用快捷鍵為F12在文檔工具欄中單擊，選擇在瀏覽器中預覽lession02HTML語言基礎之文本空格ctrl+shift+space硬回車enter軟回車shift+enterlession02HTML語言基礎之文本P28圖2.6請使用DW編輯出這個故事新建一個頁面保存這個頁面設置頁面的標題段落要分隔首行要空兩個漢字的距離lession02HTML語言基礎之文本

HTML（HyperTextMarkupLanguage）又稱超文本標識語言，是一種標識性的語言，是網(wǎng)頁設計的最初語言。文件的擴展名:“html”或“htm”。簡單的HTML文檔

<html>

<head>

<title>你好！</title>

</head>

<body>

Hi,大家好！

</body>

</html>HTML簡介1．圍堵標記

格式：<標記>……</標記>2．單標記格式：<標記/>只有起始標記，沒有結束標記。3．標記屬性格式：<標記屬性1屬性2屬性3……>各屬性間無前后順序，屬性也可省略，當省略屬性時取標記的默認值。完整的HTML

標記放在“<>”內(nèi) 頁面內(nèi)容要放入頁面內(nèi)的文本、圖像、多媒體文件等

HTML文檔的基本結構：

<HTML>文件開始

<HEAD>標頭區(qū)開始

<TITLE>...</TITLE>標題區(qū)

</HEAD>標頭區(qū)結束

<BODY>文件主體內(nèi)容開始

文件主體內(nèi)容……

</BODY>文件主體內(nèi)容結束

</HTML>文件結束

其中<HTML></HTML>之間表示這是個網(wǎng)頁文件，是必有的標記。HTML語法結構人——頭頭——軀干

｜姓名lession02HTML語言基礎之文本一個標簽必須是嵌套在另一個標簽內(nèi)使用的。大小括號原則P18lession02HTML語言基礎之文本請試著寫出一個標準的html文件，其文件的標頭為自己的名字，內(nèi)容為自己的愛好。<html><head><title>Tom</title></head><body>MynameisTom.Ilike……</body></html>lession02HTML語言基礎之文本空格的HTML碼為

lession02HTML語言基礎之文本段落標記有兩種：<br/>和<p>…</p><br/>相當于是軟回車，<p>…</p>相當于是硬回車，一個<p>…</p>相當于是兩個<br/><p>…</p>標記的屬性中須掌握的是align屬性,有三個left/right/center

例如：<palign=left>文字</p>lession02HTML語言基礎之文本P28圖2.6請使用記事本編輯出這個故事的html頁面設置頁面的標題段落要分隔首行要空兩個漢字的距離lession02HTML語言基礎之文本lession02HTML語言基礎之文本要求在DW中制作《游子吟》的頁面：設置標題文字大小及顏色詩文題目為“標題一”作者信息為“標題三”作者姓名為斜體文本居中換行游子吟作者：孟郊慈母手中線，游子身上衣。臨行密密縫，意恐遲遲歸。誰言寸草心，報得三春暉。lession02HTML語言基礎之文本

粗體

<b>...</b><strong>...</strong>

請試著寫出斜體我是粗體

的HTML源碼，若下劃線的標記是u,則請試著寫出我是下劃線的HTML源碼

<b>我是粗體</b>

<strong>我是粗體</strong>

<u>我是下劃線</u>lession02HTML語言基礎之文本

斜體

<i>...</i><em>...</em>

請試著寫出斜體我是斜體

的HTML源碼

<i>我是斜體</i>

<em>我是斜體</em>標題顯示等級語法格式為：

<Hn>…</Hn>

n：表示不同級別的標題，n值可以是1-6中的任意數(shù)字，其中1表示的標題字體最大?？梢杂胊lign屬性設置對齊方式，常用的有左對齊，居中，右對齊三種對齊方式。lession02HTML語言基礎之文本lession02HTML語言基礎之文本要求在記事本中制作出頁面：設置標題文字大小及顏色詩文題目為“標題一”作者信息為“標題三”作者姓名為斜體文本居中換行游子吟作者：孟郊慈母手中線，游子身上衣。臨行密密縫，意恐遲遲歸。誰言寸草心，報得三春暉。lession02HTML語言基礎之文本

字體標記<font>

<fontface=？size=？color=？>…</font>

Size：設置字體的顯示字號，范圍是從“1～7”，其中“3”是默認值。

Color：設置文本的顏色，值可以是顏色名（英文如red代表紅色）或顏色的十六進制代碼（#000000代表黑色，#FFFFFF代表白色）。

Face：設置文本顯示的字體，值為字體的名稱。

例：

<fontcolor=“#FF0000”>紅色</font>PS:<font>HTML5中不支持。lession02HTML語言基礎之文本lession02HTML語言基礎之文本

特殊字符(P42表3-2)

HTML中除了我們上面學的的一些標記外，還有一些我們常用的特殊字符比如“<”，這些特殊字符在HTML語言中都有對的轉義符，常用的轉義符與特殊字符參見下表：HTML代碼顯示結果說明<<小于號或顯示標記>>大于號或顯示標記&&可用于顯示其它特殊字符""引號®?注冊©?版權™?商標

不斷行的空格lession02HTML語言基礎之文本上標與下標上標<sup>...</sup>下標<sub>…</sub>

請試著寫出

(1)

我是最新消息new

其中new要求為紅色且為粗斜體

(2)

a1+a2=b1

的HTML源碼我是最新消息<em><sup><fontcolor="#FF0000"><strong>new</strong></font></sup></em>

a<sub>1</sub>+a<sub>2</sub>=b<sub>1</sub>lession02HTML語言基礎之文本請在上一個練習的基礎上寫出作者朝代的HTML源碼：朝代為藍色上標游子吟作者：孟郊

(唐)慈母手中線，游子身上衣。臨行密密縫，意恐遲遲歸。誰言寸草心，報得三春暉。水平線標記<hr>水平線是在網(wǎng)頁上劃出一條水平的分割線，用<hr>來標記水平線。語法格式為：

<hralign=left/center/rightsize=？width=？color=？>

Size：設置水平線的高度，以像素為單位。

Color：設置水平線的顏色。

Width：設置水平線的寬度，單位是像素或百分比，像素是絕對大小，不會隨著程序窗口的大小而改，百分比是相對于程序窗口水平線所占的比例，會隨著程序窗口的大小而改變。

Align：設置水平線的對齊方式。對齊方式有左對齊，居中，右對齊三種。lession02HTML語言基礎之文本lession02HTML語言基礎之文本在HTML中，列表常用的有“有序列表”和“無序列表”。lession02HTML語言基礎之文本

1．有序列表<OL>基本語法結構為：

<oltype=nstart=？>

<li>項目1

<li>項目2

……

<li>項目n

</ol>type=“1”type=“a”type=“A”type=“i”type=“I”Start表示起始的數(shù)值

2．無序列表基本語法結構為：

<ultype=n>

<li>項目1

<li>項目2

……

<li

溫馨提示

  • 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

提交評論