html5 基礎開始

web_internet發表於2016-08-20

        html5是一款功能強大的計算機編譯語言,主要負責web前端的開發(製作網頁和微信邀請函等),但隨著h5的發展,其功能已經慢慢向後臺延伸,預計不久的將來h5將囊括整個計算機的開發中去。

      下面進入h5開發的基礎階段:

       想要製作一個合格的網頁,基礎標籤就是根本,h5中的標籤可分為行標籤(a,b,s,u,i,sub,sup,strong,em,img,input等)和塊標籤(h1-h6,p,div,hr,ul,ol,dl,li dt,dd等)兩種,這兩種標籤都以自己的特性,熟練掌握他們的特性才能讓你在編寫程式碼的過程中如魚得水;下面介紹一下這兩種標籤的特性:

     行標籤:可以共用一行(即使你在編碼時特意將每個行標籤都單獨寫一行,最後執行結果也會是所有內容按順序擠在一行);

    塊標籤:所有 塊標籤 獨佔一行 (由於塊標籤預設內容撐開其父級的百分百,即使你講兩個塊標籤寫在一行,最後執行時他們也會分開成兩行) 

      在程式編寫時,我們還會用到標籤的巢狀,(例如:在a標籤裡巢狀img標籤,為圖片設定連結,這在網頁中很常見),但標籤巢狀也要遵循一定的規則,如下:

      1.a標籤不能巢狀a標籤

      2.塊標籤可以任意巢狀

      3.行標籤不能巢狀塊標籤。

      同時我們來掌握兩個輸入框:

      

 <!--文字輸入框-->
<input type="text" name="" id="" value="" />
<!--數字輸入框-->
<input type="number"  />
<input type="button" value="我是一個按鈕" style="width: 100px;height: 100px;background-color: blue;color: white;"/>
  掌握以上的基礎標籤我們就可以寫一個比較粗糙的百度首頁了!
  第一次發部落格,寫的不好請見諒,

相關文章