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

PHP培訓之HTML（一）

更新時間:2017-06-30 來源:黑馬程序員PHP培訓學院 瀏覽量:


 html簡介

  HyperText Markup Language

    超文本標記語言

        超文本

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

            標記：標識符號，就是html中的標簽

       語言

           不是編程語言，就是html標簽的描述

           瀏覽器來翻譯html代碼

   網(wǎng)頁擴展名

         .html  .htm

 

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

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

       <html>

          <head>

          <title></title>

          </head>

          <body>

          </body>

     </html>

     解釋：

          帶<>的都叫標簽

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

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

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

 

html標簽分類

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

        單標簽 <br />

 

標簽書寫規(guī)范

        所有的標簽都在< >中

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

              <br /> 強制換行

              <img /> 圖片標記

       所有的標簽和屬性及值小寫

       標簽和屬性，屬性與屬性之間有空格

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

       屬性必須有值

       屬性可寫可不寫

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

 

標簽格式

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

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

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

 

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),默認值：3

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




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

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