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字元實體:
例子:
執行結果: © 是版權標記
第三:html常用文件設定標記
格式標記:
<body bgcolor="yellow"> <center>------------居中對齊 <!--我是註釋哦註釋呢--> <春曉> <hr width="80%" color="red" size="100"/> <p>----段落春天不洗澡,處處蚊子鳥<br/>------換行 <div><!--div+css來進行網頁佈局;層標記--> 也來巴掌聲,不知死多少<br/> </div> ©老牛吃小草</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>
版權宣告:本文為博主原創文章,轉載請附上博文連結!