2016年7月17日 星期日

Html-基本認知(三)_各式標籤簡介

看到標籤
大家一定會跟我一樣一樣搖搖頭
( 天呀 ! 怎麼這麼多,要記到什麼時候才記的完 )
好吧 ! 也有可能只有我....

但是
至少把標籤嘗試一次或是參考網頁原始碼就更有方向的
( P.s. 以下標籤有附成果圖,請用網頁尋找功能

標籤功能說明用法
<hx></hx>標題x : 1~6
h1 : 最重要 ; 以此類推
<h1>重要標題</h1>
<h2>次之標題</h2>
<p></p>段落為什麼不直接輸入<br />?
段落上下行文字間距會有明顯差別
<p>這是第1-1段
這是第1-2段
這是第1-3段</p>
<p>這是第2-1段
這是第2-2段
這是第2-3段</p>

這是第3-1段
這是第3-2段
這是第3-3段<br/>
這是第4-1段
這是第4-2段
這是第4-3段<br/>
<em></em>斜體<em>斜體字?</em>
<strong></strong>粗體字<strong>粗體字?</strong>
<span></span>獨立文字效果一行文字內,只想對某字處理方法一 :
我是<span style=color:red>Tom</span>,請多多指教。

方法二 :
<style>
span{
color:red;
}
</style>
<body>
...
我是<span>Tom</span>,請多多指教。
...
</body>
<q></q>雙引號<q>大明星</q>
<blockquote></blockquote>範圍內文字縮排.........
<blockquote>床前明月光,疑是地上霜。舉頭望明月,低頭思故鄉。</blockquote>
........
&nbsp;空白&nbsp;&nbsp&nbsp;&nbsp;我是某某某
<hr />水平分隔線將標籤前後做分割.........
<hr />
.........
<address></address>地址、郵件跟<em>一樣會顯示斜體,但多獨立換行聯絡地址 : <address>南投縣信義鄉111號</address>
<code></code>簡短程式碼為何不直接打?
因為瀏覽器有可能誤會成要執行
<code>int a = 0;
a++;
</code>
<pre></pre>大量程式碼為何不直接打?
因為瀏覽器有可能誤會成要執行
<ul><li></li></ul>列表( 點 )文字前會帶圓點以下幾點 :
<ul>
<li>訊息</li>
<li>訊息</li>
</ul>
<ol><li></li></ol>列表( 排序 )文字前會帶數字以下幾點 :
<ol>
<li>信息</li>
<li>信息</li>
</ol>

 1 ) <hx></hx>






















2 ) <p></p> 段落















3 ) <em></em> 斜體字














4 ) <strong></strong>














5 ) <span></span>









6 ) <q></q>












7 ) <blockquote></blockquote>













8 ) &nbsp;












9 ) <hr />











10 ) <address></address>












12 ) <ul><li></li></ul>

























13 ) <ul><li></li></ul>


沒有留言:

張貼留言