1. 程式人生 > >JavaWeb01---HTML

JavaWeb01---HTML

1.什麼是HTML?(Hyper Text Markup Language:超文字標記語言)

    超文字:功能比普通文字更加強大     標記語言:使用一組標籤對內容進行描述的一門語言(它不是程式語言)    

  • 為什麼要學習HTML?

  可以利用HTML來定義網站中的文章內容、標題、連結、圖片等,讓瀏覽器知道網站整個架構的呈現

2.語法和規範?

    HTML檔案都是以.html或者.htm結尾的。建議使用.html結尾。     HTML檔案分為頭部分(<head></head>)和體部分(<body></body>)     HTML標籤都是由開始標籤和結束標籤組成。(<hr />)  

3.HTML相關標籤學習

  •     標題標籤<hn />
  •     水平線標籤 <hr />
  •     段落標籤<p></p>
  •     字型標籤<font></font>

             屬性:size:指定內容的大小                          color:指定內容的顏色                          face:指定內容的字型

  •     加粗:<b></b>
  •     斜體:<i></i>
  •     下劃線:<u></u>
  •      圖片標籤  <img />

                     width:指定圖片的寬度,取值可以是畫素值,也可以是百分比                      height:指定圖片的高度,取值可以是畫素值,也可以是百分比                      alt:當圖片無法正常顯示的時候給出的提示資訊(該屬性的顯示效果與瀏覽器以及瀏覽器版本有關)

  •   列表標籤
  1.         有序列表:
  <ol type="I" start="" reversed="reversed">
                <li></li>
  </ol>

      2        無序列表

      <ul type="">
                <li></li>
      </ul>
  • 超連結標籤

        <a href="" target=""></a>         href:指定跳轉的位置         target:指定跳轉頁面顯示的位置(取值:_self 、_blank)

  •  表格標籤
  <table border="" width="" height="" align="" bgcolor="" cellpadding="" cellspacing="">
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                    </tr>
   </table>
  •    跨行跨列操作

        跨行:rowspan         跨列:colspa

  •   框架集標籤:

        <frameset rows="" cols="">             <frame src=""/>             <frame name=""/>         </frameset>