WEB前端學(xué)習(xí)筆記四-創(chuàng)新互聯(lián)

接上一篇，web學(xué)習(xí)筆記 四，在此感謝您對此篇筆記的認(rèn)可，但轉(zhuǎn)發(fā)時請注明文章出自網(wǎng)知博學(xué)。

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比興縣網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式興縣網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋興縣地區(qū)。費(fèi)用合理售后完善，十余年實(shí)體公司更值得信賴。

2.0  html的語法格式

html的標(biāo)簽要寫在尖括號中 ：<> 在在英文輸入法狀態(tài)下，按住shift鍵然后再按它左側(cè)的尖括號就可了，

                                           

先學(xué)習(xí)一個簡單的h2標(biāo)簽，是個標(biāo)題標(biāo)簽，在html中這樣寫：

<h2>我在h2標(biāo)簽中，我就是標(biāo)題</h2>

那么h2標(biāo)簽中所包裹的文字，就標(biāo)記成標(biāo)題了。通過瀏覽器的解析后在頁面上顯示出來的效果就是字體加粗，加黑，和word中的標(biāo)題性質(zhì)一樣！

大家知道word中的標(biāo)題1、標(biāo)題2、標(biāo)題3……..嗎？

html中的標(biāo)題標(biāo)簽按照標(biāo)題的大小從<h2>- <h7>，<h2>定義大標(biāo)題，<h7>定義最小標(biāo)題：

<h2>我是標(biāo)題 1，大的標(biāo)題</h2>

<h3>我是標(biāo)題 2</h3>

<h4>我是標(biāo)題 3</h4>

<h5>我是標(biāo)題 4</h5>

<h6>我是標(biāo)題 5</h6>

<h7>我是標(biāo)題 6，最小的標(biāo)題</h7>

標(biāo)題和段落應(yīng)該是我們最容易理解的，現(xiàn)在再介紹一個段落標(biāo)簽<p>。

<p>這段文字被p標(biāo)簽所包裹，所以現(xiàn)在你看到的這段文字就是一個段落了</p>

現(xiàn)在就試一下吧，新建一個文本文件，按照上邊的例子寫到記事本中，熟悉一下標(biāo)題和段落的標(biāo)簽。寫完后把你建的文本文件的擴(kuò)展名改為html。用瀏覽器打開就可以看到效果了。

2.0.1  成對出現(xiàn)的標(biāo)簽

HTML 標(biāo)簽通常是成對出現(xiàn)的，比如 <h2> 我是標(biāo)題1</h2>，還有練習(xí)中的p標(biāo)簽，這種成對出現(xiàn)的標(biāo)簽我們習(xí)慣稱之為“雙標(biāo)簽”。

雙標(biāo)簽中的第一個標(biāo)簽稱為開始標(biāo)簽，第二個標(biāo)簽稱為結(jié)束標(biāo)簽，開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽如下圖：

在結(jié)束標(biāo)簽</h2>中的 /，叫做結(jié)束符，代表著這是標(biāo)簽中的結(jié)束標(biāo)簽。

2.0.2  單個出現(xiàn)的標(biāo)簽

在HTML中，除了成對出現(xiàn)的標(biāo)簽，也存在單身的標(biāo)簽。這種標(biāo)簽稱為：空標(biāo)簽，習(xí)慣上稱為：單標(biāo)簽。有一個可以起到換行作用的標(biāo)簽：<br />這個標(biāo)簽就是單標(biāo)簽。當(dāng)在使用這個標(biāo)簽的時候，就相當(dāng)于按下回車鍵，讓文本另起了一行，從新的一行開始！這個起換行作用的單標(biāo)簽<br />中也出現(xiàn)了和雙標(biāo)簽結(jié)束標(biāo)簽中同樣的“/”結(jié)束符，只不過是位置不一樣了，現(xiàn)在只需知道雙標(biāo)簽必須寫上結(jié)束標(biāo)簽，單標(biāo)簽必須寫上“/”結(jié)束符，現(xiàn)在我們在一個段落中加入這個<br />標(biāo)簽

<p>我是一個段落，因?yàn)槲以趐標(biāo)簽中，所以我是段落。</p>

<p>我是一個段落，因?yàn)槲以趐標(biāo)簽中，<br />所以我是段落。</p>

第一個是正常的段落，第二個是加入了換行標(biāo)簽<br/>。你也可以試一下。如果你是初學(xué)沒有任何基礎(chǔ)，現(xiàn)在不要想太多其他的，只要新建一個文本文檔，并把文本文檔原來的擴(kuò)展名txt，改為html，就可以在里邊寫代碼了，在瀏覽器中打開后如下圖：

此篇學(xué)習(xí)筆記為網(wǎng)知博學(xué)原創(chuàng)，轉(zhuǎn)載請附上文章鏈接并注明： 網(wǎng)知博學(xué)-技術(shù)博客  WEB前端學(xué)習(xí)筆記 四

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨(dú)有T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。

網(wǎng)頁題目：WEB前端學(xué)習(xí)筆記四-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://muchs.cn/article2/pejic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、靜態(tài)網(wǎng)站、動態(tài)網(wǎng)站、網(wǎng)站改版、小程序開發(fā)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)