摘要:標簽的特點是獨占一行,并且段落上下都會有一定的間隔距離。標簽標簽的作用是將里面的文字加粗處理。結構化標簽還有另外一個作用就是用來為里面的子元素設置樣式。標準中提到標簽是空標簽意味著它沒有結束標簽,因此這是錯誤的。
hi,小哥哥小姐姐們,我們今天要說的是前端的入門,卻也是十分重要的意識的培養哦!
? html中的標簽數量是很多的,據人統計大概有300個左右,并且每年都會以20-30個的速度增加著,但是這么多的標簽我們不必都去記住,因為很多標簽都是不常用的或者可以用基礎的標簽搭配組合,實際上我們需要掌握的大概在30個左右。
??在前端開發中我們要知道,并不是你用的技術多么先進就顯得多么厲害,我們要考慮到代碼的可讀性以及后期的可維護性,用常見的標簽來寫才會讓其他人都能讀懂你的代碼。
? 代碼中還有一點很重要的就是要勤寫注釋喲~ 順便一提在html中的注釋形式是
好了前言說完了,我們正式開始介紹一些標簽吧!
(這里的標簽都是屬于html4中的內容,html5會有新的標簽和新的內容,我在后面的文章中再介紹。)
??p標簽
是段落標簽,在中間寫的內容會當做一個段落來處理。p標簽的特點是獨占一行,并且段落上下都會有一定的間隔距離。
??標題標簽 h1-h6
標題標簽的作用是著重顯示文字,一般用在標題上,它會將里面的文字加粗放大并且獨占一行。其中h4的默認大小是正常的文字大小,不過是加粗的。
??strong標簽
標簽的作用是將里面的文字加粗處理。
??em標簽
的作用是將里面的文字變成斜體。
??del標簽
是刪除標簽,它會在里面的文字的中間畫一條橫線,一般在打折的時候使用。
??address 標簽
是地址標簽,它會將里面的內容變成斜體并且獨占一行。這六個是很基礎很簡單的標簽,作用也是顯而易見,還有另外一種結構化標簽,它們沒有特殊的效果,而是用來當做容器來盛放其他的標簽,這有點類似于每個家庭中都會多帶帶分出來廚房臥室大廳等區域,然后每個區域中還有各種各樣的設備,這里的家庭中的區域就是我們的結構化標簽的作用。
結構化標簽還有另外一個作用就是用來為里面的子元素設置樣式。一般的元素如果某一條屬性沒有被開發者設置樣式的話,它會自動繼承父級元素的相應屬性的樣式。
比如我們現在有三個p標簽,我們想讓三個p標簽里面的文字都變成紅色,給三個p標簽都寫上color:red 是非常麻煩的,最簡單的方法是將三個p標簽都放到一個結構化標簽里面,給這個結構化標簽一個color:red的樣式,這樣里面的三個p標簽就都會有這個樣式了。
這兩點作用是最常見的,因此我們在寫一個頁面之前,最先考慮的就是結構問題,因此一般先寫結構化標簽。
??div
標簽可以說是我們在前端開發中用的最多的標簽了。??span
標簽里面多數情況下盛放文字或者小icon之類的小物件。
我們現在為div標簽設置一下樣式,并且在中間加一些文字。
我們發現文字會在這個div標簽的邊界處自動換行,也就是說這個div標簽圈定了一個范圍,里面的文字或者其他標簽都默認在這個范圍里面顯示。
但是當我們在中間書寫的不是中文而是一串英文字符的時候,我們會發現這一串英文字符在div的邊界處并沒有換行,而是一直顯示下去,這是為什么呢?
? 這是因為我們的每一個漢字,計算機都會認出來是一個多帶帶的單詞,每一個漢字都會默認地和其他漢字分隔開,但是英文字母卻不會默認地分隔開,因為計算機不知道多少個英文字母才算是一個單詞,因此我們需要手動為其添加分隔符。
而這個分隔符我們也不陌生,就是我們常用的空格,只要我們在這一串字符中間加幾個空格,那么被空格隔開的字符就會被當做是一個單詞從而與其他的單詞分隔開。
那么現在問題來了,空格的作用是當做分隔符來使用,并不是我們所想的那種空白的一個格,那么我們怎么在html中寫空白格呢?
? 這里我們就要提到一個名詞叫做編碼集了。我們在書寫html的時候,很多特殊的符號是無法寫出來的,這個時候我們只能用編碼來讓瀏覽器識別我們所想的符號。編碼的格式是&編碼;?千萬不能忘記后面的分號喲~
? 空格的編碼就是 當我們寫多個 的時候,在頁面中我們也就可以看到多個空白格了。
? 其次,用來當做標簽的尖括號<>也是無法正常通過符號來顯示出來的,我們同樣需要用編碼集讓瀏覽器識別出來。< 小于號的編碼是 大于號的編碼時>?great than的意思。我們只要在html中寫這兩個編碼,那么大于號和小于號就可以正常顯示出來了喲~我記得有一個表情是 >_<~
? 同樣的,回車也是屬于分隔符,在html中回車是沒有作用的,我們想要在網頁上讓文字顯示出回車換行的效果的話,編碼同樣也是沒有辦法實現的,我們需要一個標簽叫做
標簽,這個標簽的作用就是換行。w3c標準中提到:
標簽是空標簽(意味著它沒有結束標簽,因此這是錯誤的:
)。在 XHTML 中,把結束標簽放在開始標簽中,也就是
。
下一篇我們會繼續教給大家HTML里更多的標簽
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/1500.html
摘要:一什么是是超文本標記語言,超文本的意思就是指頁面內可以包含圖片鏈接,甚至音樂程序等非文字元素。這表示著元素的結尾這表示元素在此結束在本例中即段落在此結束。元素指定了當前的字符編碼是,它包括了非常多人類已知語言的字符。 一·什么是HTML HTML(HyperText Markup Language)是超文本標記語言,超文本的意思就是指頁面內可以包含圖片、鏈接,甚至音樂、程序等非文字元素...
摘要:年月日作為推薦標準發布年月日作為提案被提出年月作為推薦標準發布年月日作為推薦標準發布年月日作為推薦標準發布。規定元素的上下文菜單。上下文菜單在用戶點擊元素時顯示。規定元素仍未或不再相關。規定是否對元素進行拼寫和語法檢查。規定元素的行內樣式。 作者:陳大魚頭 github: KRISACHAN 上一篇分享了CSS的邏輯屬性與盒子模型中分享了一些有關設備屏幕的知識以及瀏覽器視口的坐標...
摘要:年月日作為推薦標準發布年月日作為提案被提出年月作為推薦標準發布年月日作為推薦標準發布年月日作為推薦標準發布。規定元素的上下文菜單。上下文菜單在用戶點擊元素時顯示。規定元素仍未或不再相關。規定是否對元素進行拼寫和語法檢查。規定元素的行內樣式。 作者:陳大魚頭 github: KRISACHAN 上一篇分享了CSS的邏輯屬性與盒子模型中分享了一些有關設備屏幕的知識以及瀏覽器視口的坐標...
閱讀 3029·2021-11-18 10:07
閱讀 3778·2021-11-17 17:00
閱讀 2108·2021-11-15 18:01
閱讀 936·2021-10-11 10:58
閱讀 3387·2021-09-10 10:50
閱讀 3453·2021-08-13 15:05
閱讀 1232·2019-08-30 15:53
閱讀 2657·2019-08-29 13:01