首頁技術(shù)文章正文

PHP培訓(xùn)之HTML（一）

更新時間:2017-06-30 來源:黑馬程序員PHP培訓(xùn)學(xué)院 瀏覽量:


 html簡介

  HyperText Markup Language

    超文本標(biāo)記語言

        超文本

            能夠表達(dá)更豐富的內(nèi)容（相對于普通文本）

            標(biāo)記：標(biāo)識符號，就是html中的標(biāo)簽

       語言

           不是編程語言，就是html標(biāo)簽的描述

           瀏覽器來翻譯html代碼

   網(wǎng)頁擴(kuò)展名

         .html  .htm

 

HTML文檔結(jié)構(gòu)

  HTML框架基本構(gòu)架

       <html>

          <head>

          <title></title>

          </head>

          <body>

          </body>

     </html>

     解釋：

          帶<>的都叫標(biāo)簽

          html: 指明當(dāng)前的文檔的類型，是一個網(wǎng)頁

          head是網(wǎng)頁頭部 包括網(wǎng)頁的相關(guān)信息，基本設(shè)置，其中title網(wǎng)站的標(biāo)題就在里面。

          body:在瀏覽器的看到的內(nèi)容。

 

html標(biāo)簽分類

         雙標(biāo)簽 <font>HTML</font>,有開始標(biāo)簽和結(jié)束標(biāo)簽（標(biāo)記）

        單標(biāo)簽 <br />

 

標(biāo)簽書寫規(guī)范

        所有的標(biāo)簽都在< >中

        所有的標(biāo)簽都有開始和結(jié)束，即使是單標(biāo)記也要結(jié)束

              <br /> 強(qiáng)制換行

              <img /> 圖片標(biāo)記

       所有的標(biāo)簽和屬性及值小寫

       標(biāo)簽和屬性，屬性與屬性之間有空格

       屬性值必須有加引號（單引號或雙引號都可以）

       屬性必須有值

       屬性可寫可不寫

       標(biāo)簽與標(biāo)簽之間正確嵌套(標(biāo)簽不可交叉嵌套)

 

標(biāo)簽格式

       <開始標(biāo)簽 屬性1＝”值1” 屬性2＝”值2” 屬性n＝”值n”>控制的內(nèi)容</開始標(biāo)簽>(雙標(biāo)簽格式)

       <開始標(biāo)簽 屬性1＝”值1” 屬性2＝”值2” 屬性n＝”值n” 空格/>(單標(biāo)簽格式)

       <開始標(biāo)簽 空格/>(單標(biāo)簽格式)

 

html注釋

      <!--注釋內(nèi)容-->

      注釋的內(nèi)容在html頁面中是無法看到的，但是可以在頁面源代碼中發(fā)現(xiàn)

代碼實現(xiàn)：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/align][align=left]<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title> new document </title>

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

 </head>

 <body>

  HTML注釋

  <!--這段文字是看不見的-->

 </body>

</html>

文本的修飾

    屬性：

        Color(顏色):red,blue,green,yellow,gray,pink等

        Size(大小):值(1-7),默認(rèn)值：3

         字體最大尺寸為7，若比7大，則默認(rèn)為7。字體默認(rèn)尺寸為3，當(dāng)出現(xiàn)對尺寸的加減時，就是對3進(jìn)行加減




本文版權(quán)歸黑馬程序員PHP培訓(xùn)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請注明作者出處，謝謝！
作者：黑馬程序員PHP培訓(xùn)學(xué)院
首發(fā)：http://php.itheima.com/

分享到：
在線咨詢 我要報名
和我們在線交談！