html的初識


            今天我們學習了Html語言,感覺學習這個是我期望很久的啦,之前在百度上面也看過html教程,但是看過之后也忘記啦,太多需要記憶的,所以也沒記得什么啦。甚是遺憾啊,總感覺html需要學習好多東西啦的,但是今天我們只是了解一下,簡單的學習了主要的標簽吧。而且我們是學習.net的,所以只是認識些html其中的語法吧。好啦,下面總結下我今天學習的html基礎知識吧。

         一.html簡單敘述

             1.html語言是超文本標記語言,不區分大小寫,頁面包括“格式標簽”和“頁面內容”;

            2.網頁文件格式:擴展名可以是.html或者.htm,這兩個格式主要是瀏覽器兼容的問題吧;

            3.學習html主要用的工具可以是記事本,NotePad++,EdiPlus或者在VS中直接編寫等等。

       二.html基本結構

       

             由上面圖片所示,新建首先頁面頂部會有<!DOCTYPE HTML>開頭,這個是html5版本的寫法,最大方面說,<html></html>他是最大的標簽,用於存放html語句,然后會有<head></head>,這個是頁面頭部,里面一般會有一個<title></title>標簽,用於顯示頁面的標題,上圖中在html標簽中會有一個標簽是<body></body>,就是在這個標簽里面顯示網頁內容。這就是在html中最基本的幾個標簽。

         三.在body標簽中添加一些基本標簽

        1.段落標簽:<p></p>;

        2.空格標簽:&bsp;  

        3.標題標簽:—<h#>: #=1~6 ;  

        4.圖片標簽:<img src=“…” />(src為圖片路徑);

        5.注釋標簽:—<!--   -->

                舉例如下:
             
               
 

     四.html文檔格式標簽           

—           1.標題標簽<h#></h#>
        2.標題的重要性(搜索的問題)瀏覽器會在標題前后添加空行
—           HTML水平線:<hr />;
—           HTML拆行: <br />;
           —HTML中的特殊符號; ◦>(&gt)、<(&lt)、&(&amp)、空格(&nbsp)。

     五.html屬性      

—            表現各標簽的特征,<img>中的src即為屬性。 屬性都是以“屬性名 = 值”的形式出現,屬性的值建議用引號括起來,屬性建議均以鍵值對的形式括起來,一個標簽可有多個屬性,用空格分開。
     六.html圖像和標尺線
          <img src=“URL” />
                  1.alt屬性(顯示圖片內容)
            2.—border屬性(圖片外側相框寬度,默認像素)
—            3.width屬性
            4.—height屬性
            5.相對路徑
           
              標尺線—常見 屬性:◦size、width、align(left,right,center)、noshade、color
 
      

     七.html字體

     1.客戶端字體:

          

         

          2.物理字體          

—                     <b> 定義粗體文本
—              <i> 定義意大利斜體
              —<tt> 定義打字機文本(等寬)
—              <u> 定義下划線文本
—              <sup>、<sub> 定義上下標
—              <s> 定義加刪除線的文本
           3.邏輯字體
            

     八.預定義格式     

              — 預定義格式文本:<pre></pre>,通常保留空格和換行,文本以等寬字體呈現
         常見的應用就是表示計算機源碼,與<code>一起使用,以獲得更加精確的語義,不建議使用Tab(默認4個空格,有的默認8個空格)(兼容問題)
 
             
      九.html鏈接
      
 
 
              舉例如下:
                 
 
        十.html表格
         語法以及屬性如下:  
          
       舉例如下:
      
       好啦,今天的總結就寫到這里啦,東西好碎啊感覺,好多需要記憶的東西啊,不過我們作為程序員,就不需要掌握太多啦,但是基本的還是要我們掌握的啦,嘿嘿,認識了html,感覺蠻興奮地,終於可以看懂靜態頁面拉,哇咔咔···
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM