HTML基礎知識（未完待續）

標籤：meta   link   路徑   boot   css   trap   語句   apple   公司   

一、HTML編輯工具：Sublime Text

二、HTML實體字元：1、（ 空格）：&nbsp； 2、（<） &lt； 3、（>）&gt； 4、（&）&amp； 5、（“）&quot；等

三、基本HTML標記：

注釋標記：<!-- 這是注釋內容 -->

換行標記：<br/>  

段落標記： <p></p>    段落標記p可以較大行距區分不同段落

標題標記：<h1></h1>  <h2></h2>  <h3></h3>  <h4></h4>  <h5></h5>  <h6></h6>   h1最大h6最小

預格式化文本標記：<pre></pre>   pre標記可以讓文本以預定義的格式顯示

塊標記：<div></div>   <span></span>

定義標記：<dl></dl>  <dt></dt>  <dd></dd>

 1 <dl> 2     <dt>關於好時</dt> 3     <dd>品牌曆史</dd> 4     <dd>好時公司</dd> 5     <dd>關注好時</dd> 6 </dl> 7  8 <dl> 9     <dt>美味好時巧克力</dt>10     <dd>好時之吻巧克力</dd>11     <dd>好時榛吻巧克力</dd>12     <dd>好時巧克力</dd>13 </dl>

列表標記： 1、無序列表：<ul></ul>    2、有序列表：<ol></ol>   3、清單項目<li></li>

1 <ul type="circle">2     <li>html</li>3     <li>css/li>4     <li>javascript</li>5     <li>jquery</li>6     <li>bootstrap</li>7 </ul>

1 <ol type="A">2     <li>html</li>3     <li>css</li>4     <li>javascript</li>5     <li>jquery</li>6     <li>bootstrap</li>7 </ol>

水平線標記：<hr/>

映像標記：<img></img>     註：src="   " 表示圖片位置       alt=“  ” 表示提示句

1 <img src="pic1.jpg" alt="床上用品" width="200" height="200" />

 

四、其他HTML常用標記

斜體字：<i></i>

粗體字：<b></b>

強調（加粗字型）：<strong></strong>

刪除：<del></del>

下標：

上標：

連結：<a href="  "></a>

地址：<address></address>

正序逆序：<bdo></bdo>

顯示HTML的縮寫：<abbr title="Hyper Text Markup Language">HTML</abbr>

 1 <i>斜體</i> 2 <b>粗體</b> 3 <strong>強調文本</strong> 4  5 <address>卡子門</address> 6 <!--正序   顯示this is an apple--> 7 <bdo dir="ltr"> 8     this is an apple 9 </bdo>10 <br/>11 <!--逆序   顯示elppa na si siht-->12 <bdo dir="rtl">13     this is an apple14 </bdo>15 <br/>16 <!--sub下標-->17 x<sub>2</sub>18 <br/>19 <!--sup上標-->20 x<sup>2</sup>21 <br/>22 <abbr title="Hyper Text Markup Language">html</abbr>

五、HTML頭部標記

指令碼標記：<script>

內部樣式標記：<style>

外部樣式等資源標記：<link>

 頁面標題標記：<title>

基準路徑標記：<base>

元資訊標記：<meta>

 六、連結

內部連結：到同一文檔內或同一網站內的其他部分的連結

外部連結：到其他網站或伺服器上的頁面的連結

 

HTML基礎知識（未完待續）