占一行,每行與其他行之間有間距。
屬性:align表示取值left(默認)/right/center。
2.水平線標簽
|
屬性:color表示顏色。
size表示粗細。
width表示長度。
3.段落標簽
特點:有段前、段後間距,獨占一行。ʟ
4.換行
換行操作的格式為
document.write(1 + "
");
document.write(2);
5.字體標簽
必須結合屬性使用。
格式:字體內容
屬性:color表示字體的顏色,可以使用英文單詞或者十六進製。
size表示字體大小。
face表示設置字體。
6.注釋
格式:<!--注釋-->。一般的lde快捷鍵為ctrl+/。
7.加粗
加粗操作的格式為
var strtime= " "+ strhour+ ":"+ strminutes+ ":"+ strseconds+ "
";
8.傾斜
傾斜操作的格式為
- webkit- transform: rotate( - 20deg);
- moz- transform: rotate( - 20deg);
transform: rotate(- 20deg);
3.1.4 圖片標簽
htmL頁麵可以引入一張圖片,當有此需求時,需要使用img標簽。
標簽的屬性有以下幾種。
(1)src(訪問的圖片的路徑)。
路徑分為相對路徑和絕對路徑。
相對路徑:指定相對於當前文件的資源文件位置。ʟ
當前目錄:直接寫文件名稱(文件名稱包括後綴名)。
上一級目錄:../文件名稱(若返回多級,則加多個“../”)。
下一級目標:目錄名稱/文件名稱。
絕對路徑:指定從盤符到資源文件的完整路徑。絕對路徑和相對路徑的區別就是絕對路徑的最左邊有一個反斜杠“/”。
(2)width:設置圖片的寬度。
(3)height:設置圖片的高度。
一般情況下需要設置圖片的width和height,防止布局雜亂。
(4)alt:當圖片無法正常顯示時給出提示信息,它的顯示效果與瀏覽器有關。
(5):鼠標指針移動到圖片上時顯示的提示信息。
3.1.5 超鏈接標簽
在htmL網頁中,經常會有這樣的需求:用戶單擊某一段文字,就產生了頁麵跳轉。這樣的功能一般都是用超鏈接實現的,結果如圖3-6所示。
這是一個關於a標簽的簡單案例,源代碼如下。
圖3-6 運行結果
首先介紹a標簽的href屬性,可以給a標簽的href屬性設置一個具體的網頁地址或者某個資源的地址(包括zip壓縮文件、圖片、音樂mP3、電影mP4)。如果設置href="www.baidu.com",那麼當用戶單擊這個超鏈接時,頁麵就會跳轉到百度網站。如果鏈接的地址是一個壓縮包,那麼當用戶單擊這個超鏈接時,瀏覽器就會默認下載對應的資源。如果鏈接的地址是一個音樂文件或者電影文件,瀏覽器則開始播放音樂或者電影。因此,a標簽的用處是非常大的。還需要注意的是,當a標簽的作用是為了讓用戶在單擊後跳轉頁麵,那麼究竟是從當前頁麵開始跳轉,還是重新命令瀏覽器打開一個新的頁麵,然後在新的頁麵上跳轉呢?可以給a標簽設置一個target屬性。如果target="_blank",則表示命令瀏覽器打開一個新的頁麵,在新的頁麵上跳轉。如果不寫target屬性,則默認是從當前頁麵進行跳轉。
下載資源截圖如圖3-7所示。
圖3-7 下載效果
請記住我們的域名𝐨𝐨𝐩.𝐭𝐰
。示所8-3圖如麵界的樂音放播
簽標elbat 6.1.3
。性屬等框邊的格表、距間的格元單置設後然,格表的列2行3個一製繪以可戶用:如例。能功的格元單製繪lecxe於似類現實以可簽標elbat的Lmth
果效器放播樂音 8-3圖
式格的簽標格表.1
。示所下如式格的簽標格表
性屬的格表.2
。下如性屬的簽標elbat)1(
。框邊格表示表redrob
。度寬格表示表htdiw
。度高格表示表thgieh
。式方齊對的向方平水示表ngila
。色景背示表rolocgb
。距間的間之格元單與格元單示表gnicapsllec
。充填的容內與格元單示表gniddapllec
。下如性屬的簽標rt)2(
。色景背示表rolocgb
。式方齊對本文行本示表ngila
。高行示表thgieh
。似類rt與性屬的上簽標dt)3(
ŀх術技並合格元單.3
。並合格元單現實可即性屬列下用使上簽標dt在
。"值"=napsloc:列跨
。"值"=napswor:行跨
】一例案【
3圖如果結的一例案