1. 程式人生 > >HTML語法、常用結構、標籤 初學者學習筆記

HTML語法、常用結構、標籤 初學者學習筆記

第一節:HTML簡介 hmtl:超文字標記語言,

主要說下:頁面的元資訊 meta :三個作用

1:顯示字符集的設定

2:設定重新整理後,跳轉到哪個介面

3:向搜尋引擎提供查詢關鍵詞:

程式碼如下:

<meta http-equiv="content-type" content="text/html; charset=utf-8" >   #設定編碼格式  <meta http-equiv="refresh"content="3;url=http://www.baidu.com">  #重新整理後3秒跳到百度介面

<meta name='keywords' content="java基礎,jsp,servelet,css,csss">  #搜尋引擎提供關鍵詞

html文件儲存格式:html或者htm

html語法不區分大小寫,建議寫小寫

html註釋: <!--我是註釋哦註釋呢--> 

注意:註釋的程式碼不會展示出來,但是在檢視原始碼的時候可以看到註釋的東西

html的基本結構:

body 可以看成是身體部位,可以在body裡面設定背景色bgcolor

第二節:html字元實體:

例子:

執行結果: &copy; 是版權標記

第三:html常用文件設定標記

格式標記:

<body bgcolor="yellow"> <center>------------居中對齊 <!--我是註釋哦註釋呢--> <春曉> <hr width="80%" color="red" size="100"/> <p>----段落春天不洗澡,處處蚊子鳥<br/>------換行 <div><!--div+css來進行網頁佈局;層標記--> 也來巴掌聲,不知死多少<br/>    </div> &copy;老牛吃小草</p> </center>------------居中對齊 <pre>---預格式化標記 <鵝鵝鵝>      鵝鵝鵝,         曲項向天歌,      白毛浮麗水,     紅掌撥清波 </pre>------預格式化標記 程式語言排行榜:<br /> --換行 <ul> <!--無須列表--> <li>第一名:java</li> <li>第二名:c++</li> <li>第三名:.net</li> <li>第四名:python</li> <li>第二名:c++</li> <li>第三名:.net</li> <li>第四名:python</li> </ul> <hr />  -------水平分割線 <ol type="1"> <!--無須列表--> <li>第一名:java</li> <li>第二名:c++</li> <li>第三名:.net</li> <li>第四名:python</li> <li>第二名:c++</li> <li>第三名:.net</li> <li>第四名:python</li> </ol>---有序列表 <hr /> <ol type="A"> <!--無須列表--> <li>第一名:java</li> <li>第二名:c++</li> <li>第三名:.net</li> <li>第四名:python</li> <li>第二名:c++</li> <li>第三名:.net</li> <li>第四名:python</li> </ol>---有序列表 <!--定義型列表--> <dl>  -------定義型列表 <dt>軟體說明</dt> <dd>非常好用的軟體</dd> <dt>軟體說明</dt> <dd>非常好用的軟體</dd> <dt>軟體說明</dt> <dd>非常好用的軟</dd>

</dl> -------定義型列表

2:文字標記

<!--文字標記--> <h1><font style='font-size: 100;'><鵝鵝鵝></font></h1> <font face=arial color=red size="6">鵝鵝鵝</font> <h2><鵝鵝鵝></h2> <h3><鵝鵝鵝></h3> <h4><鵝鵝鵝></h4> <h5><鵝鵝鵝></h5> <h6><鵝鵝鵝></h6> <hr />      <del><b>鵝鵝鵝</b>, <i>曲項</i>向天歌,</del><br />

     <u><small>白</small>毛浮<strong>綠水</strong>,<em>紅掌</em>撥清波</u>

版權宣告:本文為博主原創文章,轉載請附上博文連結!