欧美一级久久久久久久大,91大神精品在线观看,久久精品一区二区国产

資源簡介

(共30張PPT)
2
HTML標簽基礎
Part two
3 超鏈接標簽
1 標簽的書寫規范
2 HTML結構
目錄
4 圖片標簽
5 路徑
1.1基本語法概述
1.HTML標簽是由尖括號<>包圍的關鍵詞，例如：
2.HTML標簽通常是成對出現的，例如：和,這樣的標簽稱為雙標簽
3.有些特殊的標簽是單個標簽（較少），比如
或者，這樣的標簽稱為單標簽
1、HTML語法規范
1.2標簽關系
雙標簽關系可以分為兩類：包含關系和并列關系
包含關系：

標題內容<br/>

1、HTML語法規范
并列關系：

內容

< title>網頁標題

文件主體

2.HTML基本結構

2、HTML基本結構
標簽名定義說明
… HTML標簽頁面中最大的標簽，用于標識網頁文檔的開始與結束
… 文檔頭部用于標識網頁文檔的頭部
< title>… 文檔標題網頁標題，內容顯示在瀏覽器窗口的標題欄中
… 文檔主體頁面內容基本都放在BODY里面，用于標識網頁文檔的主體部分
2、dw介紹
3.HTML常用標記
3.1標簽語義
學習標簽最重要的是記住每個標簽的語義。簡單說就是指標簽的含義，即這個標簽是干嘛的
根據標簽的語義，在合適的地方給一個合適的標簽，可以讓頁面結構更清晰
9
格式:
功能:為代碼添加注釋內容,這些內容不會顯示在網頁中
格式:

功能:使標記之后的內容強制顯示在頁面下一行
強制不換行
自動換行
格式:

…

功能:將一段文字強制換成兩個段落,換段之后的段落之間會多出一行空白行,可省略結束標記

,但它仍然屬于容器型標記,可使用align屬性來設置對齊方式>
格式:
< center>…
功能:將標記之間的文本進行居中顯示
3.HTML常用標記
注釋
標記
居中標記
注釋
標記
換行標記
換段標記
10
格式:

…

功能:原樣顯示編輯排版好的文本內容
格式:…
功能:設置段落標題,以不同字號的黑粗體方式顯示,自帶換段功能。n的取值為1~6,n的取值越小,標題級別越大,字號越大,可使用 align屬性來設置對齊方式
①格式:…功能:字體加粗
②格式:<1>…功能:字體傾斜
③格式:
功能:字體加下劃線
④格式:…功能:字體加刪除線
3.HTML常用標記
特殊字符標記
原樣顯示文本標記
段落標題標記
字體樣式標記
< <
> >
& &
©
®
空格
3.HTML常用標記
標簽除了語義定義外，還可以包含屬性,
寫作:<標簽屬性名1=“屬性值1”屬性名2=“屬性值2...>，
屬性可以簡單設置該標簽的一些表現屬性，比如對齊，設置顏色，表格寬度等。但是后面學了CSS后，基本都采用css樣式定義標簽表現形式。
12
格式:

功能:插入一條水平分隔線
3.HTML常用標記
水平線標記
字體標記
屬性功能默認值
size 水平分隔線的粗細,以像素為單位 2px
width 水平分隔線的寬度,以像素或百分比為單位頁面寬度
align 水平分隔線的對齊方式居中顯示
color 水平分隔線的顏色黑色
noshade 取消水平分隔線的3D陰影有3D陰影
格式:…
功能:設置文本的字體、字號和顏色
屬性功能
face 設置字體類別
size 設置字體大小,取值為1-7,數值越大,字號越大,也可用“+“或““來設置相對值默認是3號字
color 設置字體顏色，可以用6位16進制數表示，也可以用英文表示。
…:在一個網頁文檔中只能出現一次,用于標識網頁文檔的主體部分,常用屬性如下表
3.HTML常用標記
屬性功能
bgcolor 設置背景顏色
background 設置背景顏圖片
text 設置文本顏色
link 設置超鏈接顏色默認藍色
vlink 設置已被點擊的超鏈接顏色默認深棕色
alink 設置正在被點擊的超鏈接顏色默認紅色
leftmargin 設置頁面左邊距
rightmargin 設置頁面右邊距
topmargin 設置頁面上邊距
bottommargin 設置頁面下邊距
9.1日22級6班學到此
作業
2、標記常用屬性應用（提供背景圖片“Images下的Bg.png”，背景色為：599FF5，左右邊距均為60Px，頂邊距為20Px；文字為白色，宋體；鏈接顏色為白色，訪問過的鏈接顏色為紫色，活動鏈接顏色為黃色；“作者單位”鏈接到空鏈接，“聯系我”為空鏈接：
作業：完成下發的TASK2中的作業
要求：利用記事本編輯網頁，按照要求保存為HTML文件，自己預覽后提交。涉及到的顏色，有提示的根據提示設置，沒有的自行設置，所有顏色都可以用英文或者6位16進制數表示。用16進制數表示時格式為#000000。有問題及時反饋練習。
22.6班9.8日學到此
22.2班9.13日學到此
作業
red（紅）， white（白），black（黑），green（綠），yellow（黃），blue（藍），purple（紫），gray（灰），brown（棕），，navy （丈青色）
顏色
顏色
16進制的GEB顏色表示方法：
#ff0000紅色，#0000ff藍色，#00ff00綠色
#00FFFF青色，#ffff00黃色，FF00FF紫色
#ffffff白色，#000000黑色
4.超鏈接
建立超鏈接
本地鏈接
網絡鏈接
格式:< a href="鏈接目標“>鏈接源
功能:從一個網頁指向另一個目標的鏈接關系
添加文本
超鏈接的屬性
屬性功能
href 設置超鏈接的鏈接目標,一般是一個URL地址,也可以是圖片、電子郵件地址或一個文件等
target 取值 _blank,鏈接內容打開在新的測覽器窗口中
取值 _parent,鏈接內容打開在包含鏈接的父框架頁或窗口中
取值_self,鏈接內容顯示在當前窗口中,此取值為默認值
取值_top,將框架中的鏈接目標內容,顯示在沒有框架的窗口中
取值“框架名稱”,鏈接內容在“框架名稱”的網頁框架中打開
書簽鏈接
電子郵件鏈接
4.超鏈接
建立超鏈接
本地鏈接
網絡鏈接
鏈接目標為本地計算機的不同文件,常用相對路徑來表示位置,也稱為相對URL鏈接。相對路徑分為根相對路徑和文檔相對路徑。
根相對路徑:以站點根目錄“/”為起始目錄。
文檔相對路徑:以當前文檔所在路徑為起始目錄,進行相對文檔查找,不用包括協議和主機地址信息,通常只包含文件夾名和文件名,甚至只有文件名。
鏈接到同一目錄下,只輸入要鏈接的文件名。
鏈接到下級目錄中的文件,先輸入目錄名,然后加“/”,再輸人文件名。
鏈接到上一級目錄中的文件,先輸入“../”,再輸入目錄名/文件名
本地鏈接
書簽鏈接
電子郵件鏈接
站點根目錄
images
pages
index.html
02.html
01.html
beijing.jpg
ima1.jpg
img2.jpg
1、在index.html文件中調用ima1.jpg的路徑怎么寫？
2、02.html要鏈接到index.html路徑怎么寫？。。。
4.超鏈接
建立超鏈接
本地鏈接
網絡鏈接
鏈接目標為本地計算機的不同文件,常用相對路徑來表示位置,也稱為相對URL鏈接。相對路徑分為根相對路徑和文檔相對路徑。
根相對路徑:以站點根目錄“/”為起始目錄。
文檔相對路徑:以當前文檔所在路徑為起始目錄,進行相對文檔查找,不用包括協議和主機地址信息,通常只包含文件夾名和文件名,甚至只有文件名。
鏈接到同一目錄下,只輸入要鏈接的文件名。
鏈接到下級目錄中的文件,先輸入目錄名,然后加“/”,再輸人文件名。
鏈接到上一級目錄中的文件,先輸入“../”,再輸入目錄名/文件名
本地鏈接
書簽鏈接
電子郵件鏈接
P33頁
絕對路徑的盤符/,而不是\
/(斜杠）和\（反斜杠）
在widows和dos系統中用\表示文件的路徑
在UNIX和linux中用的是/表示文件路徑
在編程語言中路徑用/，\表示轉義字符。
C:\windows\notepad.exe
C:\\windows\\notepad.exe
作業
1、根據下圖上文字建立網頁： 2022級2班9.14學習到此
4.超鏈接
建立超鏈接
本地鏈接
網絡鏈接
鏈接目標為遠程網絡服務器上的資源的超鏈接,常用絕對路徑來表示鏈接目標的位置,需要填寫完整的URL地址(包括協議名、主機名、文件所在主機上的路徑以及文件名)
絕對路徑:給出目標文件的完整URL地址,包括傳輸協議在內,一般格式為 protocol：
Hostname:port/path/。端口號為默認時可省略不寫(http默認端口號為80,ftp默認端口號為21）
網絡鏈接
書簽鏈接
電子郵件鏈接
作業
1、根據下圖上文字建立網頁：
5.超鏈接
建立超鏈接
本地鏈接
網絡鏈接
書簽鏈接
電子郵件鏈接
b.建立書
簽鏈接
a.建立
書簽
書簽鏈接
書簽鏈接
建立書簽
建立書簽鏈接
格式:< a href=”#書簽名”>鏈接源
功能:建立由鏈接源指向鏈接目標為書簽的書簽鏈接,若要從其他網頁進行書簽鏈接,則需要在鏈接目標中的“#書簽名”前加上書簽所屬的網頁文件名。
書簽鏈接的目標為網頁內的其他位置的超鏈接,使用時需要先建立書簽,再為書簽建立鏈接。
格式:< a name=”書簽名">書簽內容
功能:在書簽內容位置處建立name屬性中所指定的書簽名,書簽名是代表“書簽內容”的
有意義的簡短字符串,用于標明書簽鏈接的位置
書簽鏈接
5.超鏈接
建立超鏈接
本地鏈接
網絡鏈接
書簽鏈接
電子郵件鏈接
書簽鏈接
書簽（錨點）鏈接
格式:< a href=”#ID名”>鏈接源
功能:建立由鏈接源指向鏈接目標為ID名的書簽鏈接,若要從其他網頁進行書簽鏈接,則需要在鏈接目標中的“#ID名”前加上書簽所屬的網頁文件名。
ID名是整個網站的唯一性
以字母開頭，可以用數字和一些字符，不要用中文命名
錨點鏈接
作業
如果要鏈接到另一個文件下的書簽，書簽鏈接為
鏈接原
1、根據下圖上文字建立網頁：
5.超鏈接
建立超鏈接
本地鏈接
網絡鏈接
格式:< a href=" mailto：郵件地址 cc=抄送者郵箱& subject=郵件主題&body=郵件內容”>鏈接源
功能:使點擊者啟動默認的電子郵件客戶端軟件,并向指定的郵件地址編輯發送郵件中的電子郵件協議名稱與電子郵件地址是必寫項,郵件主題是可選項 bcc=密送者的郵箱地址
如果郵件地址后有兩個及以上參數加上問號再跟第一個參數。參數直接用&隔開
電子郵件鏈接
書簽鏈接
電子郵件鏈接
作業
1、根據下圖上文字建立網頁：
更改鏈接顏色
在body標簽下設置鏈接顏色、
Text：設置文本顏色
Link：可連接文本顏色
Vlink：已被訪問過鏈接顏色
Alink：正在被訪問鏈接顏色
作業：完成下發的TASK4中的作業
要求：利用記事本編輯網頁，按照要求保存為HTML文件，自己預覽后提交。有問題及時反饋練習。

展開更多......

收起↑

中文字幕精品无码一区二区,成全视频在线播放观看方法,大伊人青草狠狠久久,亚洲一区影音先锋色资源

2.編寫HTML代碼-HTML標簽基礎課件

2.編寫HTML代碼-HTML標簽基礎課件

中文字幕精品无码一区二区,成全视频在线播放观看方法,大伊人青草狠狠久久,亚洲一区影音先锋色资源

請用微信掃碼

2.編寫HTML代碼-HTML標簽基礎 課件

2.編寫HTML代碼-HTML標簽基礎 課件

2.編寫HTML代碼-HTML標簽基礎課件

2.編寫HTML代碼-HTML標簽基礎課件