首頁 > web前端 > html教學 > HTML中文章標題標籤的詳細介紹

HTML中文章標題標籤的詳細介紹

零下一度
發布: 2017-06-24 14:06:23
原創
3001 人瀏覽過

昨天說了我的第一個網頁,今天接著繼續帶大家深入,前期學習千萬不要用程式碼工具哦!那樣就少了深入了解的機會了哦!

一、大家都知道文章會有各種標題,網頁其也跟文章差不多也有專門來寫標題的元素。

  (1)、

  標題一,也是最大的標題,一個頁面最好只有一個來突出重要性;

  (2)、

  標題二

#  (3)、< ;h3>  標題三

#  (4)、

##  (4)、

##  (4)、

##      標題四

##  (5)、

     標題五

  (6)、

  (6)、
  (6)、h6>
  最後一個沒有7、8、9.......

 程式碼區塊

#

<html>
     <head>
	<title>标题</title>
     </head>
     <body>	<h1>我是标题一</h1><h2>我是标题二</h2><h3>我是标题三</h3><h4>我是标题四</h4><h5>我是标题五</h5><h6>我是标题六</h6> </body>
</html>
登入後複製

效果

#二、文章

標題

完了是不是該段落了,段落標籤其實昨天就見到了,如果你有看。     (1)、

  這是段落標籤,也就是p標籤。

 代碼

<html>
     <head>
	<title>标题和段落</title>
     </head>
     <body>	<h1>我是标题</h1><p>我是段落</p> </body>
</html>
登入後複製
#效果

三、我再來介紹段落中的文字標籤,用來為文字增加各種效果

  (1)、     這兩種都是文字斜體

  (2)、< ;/b>     這兩種都是文字加粗強調顯示  (3)、    文字縮小

(4)、    文字放大#  (5)、     < strike> 這三種刪除線(一般出現在價格區域,原價和現價的比較,原價中間會有一條線,這就是實現那條線的)

  (6)、< ;/u>  文字底線、

###      [註]:###只要包起來就OK! ,這只是一些常用的還好多,他們用法都一樣,到時候查一下就好。 ############程式碼#########
<html>
     <head>
	<title>文字标签</title>
登入後複製
     </head>
     <body>
	<h1>我是标题</h1>
	<p>我是<em>斜体1</em> 我是<i>斜体2</i></p>
	<p>我是<b>加粗1</b> 我是<strong>加粗2</strong></p>	
	<p>我是<small>缩小文字</small></p>
	<p>我是<big>放大文字</big></p>
	<p>我是<s>删除线1</s> 我是<del>删除线2</del> 我是<strike>删除线3</strike></p>
	<p>我是<u>文字下划线</u></p>
     </body>
</html>
登入後複製
##########效果###  ######################################################## ####下次跟大家說網頁之間的超連結也就是跳轉,和圖片的引入網頁中。因為涉及到絕對路徑與相對路徑,初學這不太好理解,準好好整理下給大家說清楚點。 ############還有歡迎大家評論因為剛剛寫博客,所以肯定有很多不好的地方希望大家多提意見。 ######### ###

以上是HTML中文章標題標籤的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板