本次主要給大家介紹下HTML的基本結構、段落標籤、空格標籤、標題標籤、圖片標籤的用法,用一種相對通俗一點的語言,容易懂的文字讓大家快速掌握html。儘量不用或少用專業術語。以下所寫的內容希望能幫助到大家,供大家在學習HTML中進行參考:
一、HTML基本結構:
一個HTML文檔結構基本由以下幾部分組成,一般分為四部分,如下圖:
1)、文檔聲明,標誌是:<!DOCTYPE HTML>
<!DOCTYPE HTML>聲明這是一個HTML文檔。
2)、html標籤對,標誌是:<html></html>
<html>標籤的作用相當於程序在告訴網頁瀏覽器,整個網頁是從<html>這裡開始的,然後到</html>結束
3)、head標籤對,標誌是:<head></head>
head標籤是頁面的頭部。
4)、body標籤對,標誌是:<body></body>
body標籤是頁面的身體,一般網頁絕大多數的標籤代碼都是在這裡進行編寫。
對於HTML的基本結構,這些都要死記硬背的,只要打不死,都要牢牢記住的。其實HTML標籤是很好記憶的,大部分標籤都是英語單詞。比如<head>表示「頁頭」,<body>表示「頁身」,<title>表示"標題"。
二、段落標籤
HTML的段落標籤標誌是:<p></p>。
在HTML編寫的過程中,我們手動的敲換行是沒有任何用的,也就是說無論我們敲多少空格,在顯示時只顯示一個空格。
每個P標籤就是一個段落,HTML會忽略在文本編輯器中輸入的回車,想要在網頁中開始一個新的段落,應該使用p元素來表示一個新段塔。
比如:有一段文字,是一個段落,那麼可以這樣表示:
<p>今朝有酒今朝醉,</p>
<p>莫使金樽空對月。</p>
如果不用P標籤,直接將
今朝有酒今朝醉,
莫使金樽空對月。
這樣放到代碼中,它就不會換行。
段落之間是有間隔的,使用段落標籤,則預示著它與其他的文字是有間隔分開的。效果相當於換行,但不是換行,因為它表述的意思是:段落。如下圖所示:
三、空格標籤
在HTML中代表空格的標誌是: 【&.nbsp】
在html代碼中每輸入一個【&.nbsp】這樣的符號,就表示一個空格,輸入十個這樣的【&.nbsp】符號 ,頁面中就顯示10個空格位置。而在html代碼中輸入「 」這樣的空格,不管輸入多少個空格,最終在頁面中顯示的空格位置只有一個。注意一下:【&.nbsp】我故意在&後面加了個點,不然保存不了。
四、標題標籤
在HTML中可定義標題的標誌是:<h1>: <h6>
<h1> 定義最大的標題。<h6> 定義最小的標題。
在一個網頁中可以適當的使用H標籤,有利於網頁的重點部分文字突出,但切忌不要多用濫用這個標籤,適當使用即可,一切從用戶體驗出發來使用。
五、圖片標籤
在HTML中定義圖片標籤的標誌是:<img src=「…」 />
圖片標籤,用來顯示圖片。
在html網頁中,我們經常會看到一些很漂亮、很酷的圖片。
這些圖片是到底是怎樣引入到網頁中顯示的呢?看起來有點不可思議,其實並沒有我們想像中的那麼複雜,只需要使用html中的<img>標籤就能實現。
img 元素向網頁中嵌入一幅圖像。「img」是英文單詞「image」的縮寫,就是「圖像」的意思。
但是我們要注意,從技術上講,<img> 標籤並不會在網頁中插入圖像,而是從網頁上連結圖像。
示例代碼如下:
示例代碼中的使用到元素解釋:
src:表示要顯示的圖片的路徑。
heigth:圖片的高度 px表示像素。
width:圖片寬度 px表示像素。
alt:當圖片由於某些原因顯示失敗的時候所顯示的文本。
title:當光標移動到圖片上的時候顯示的文本。
六、注釋標籤
一套完整的代碼可以讓人眼花繚亂,當程式設計師想要對某些部分進行修改的時候,可能要花很多的時間去找出那部分的代碼。
就像我們在文章中給重要的部分進行標記、做記號一樣,在代碼裡可以使用到「注釋標籤」來對一些代碼進行註解。
注釋標籤不會在可視化界面當中顯示,因為它只是程式設計師們用來標註說明的一個小玩意,用來對一些代碼程序進行解釋,也方便後來者能夠快速地接手並且理解其用處。
在我們寫 html 代碼的時候,往往需要進行說明該行代碼或該段代碼是用來做什麼的。這個時候我們就需要用到 html 注釋標籤了,html 注釋標籤和其它語言的注釋不太一樣。比如:JavaScript、php、java等語言都有單行注釋和多行注釋,但是 html 注釋標籤只有一個,單行和多行都是使用同一個標籤來注釋的。
而且大家一定要注意,HTML中的注釋標籤在開始標籤中有一個驚嘆號,但是結束標籤中沒有一個驚嘆號的。
七、練習:
用以上學到的標籤做一個練習,示例代碼如下:
以上是本人對HTML的基本結構、段落標籤、空格標籤、標題標籤、圖片標籤的用法理解,大家在學習中,一定要多記,多寫,多練習。學習HTML沒有特別的好辦法,多記,多寫,多練習是唯一的,也是最有效的途徑,只有把這些標籤熟練的掌握了,才能更好的駕馭代碼,才能寫出優秀的代碼,才能成為一個優秀的程式設計師。