2015年1月21日 星期三

104-01-20_html

Html

Html主要是在瀏覽器中顯示一份文件的結構內容。

開始 內容 結束(/)
<h1> xxx  </h1>

不會顯示的三個重要標籤(重要框架)
<body></body>:本身不顯示東西,但會幫助顯示其他標籤內容
<head></head>:這裡引入或寫上程式。ex:javascript和css
<html></html>:所有東西都要包含在此,包括head和body


顯示預設的標題字體大小,<h1>為最大,<h6>最小,通常
<h1>:常用在往頁標題/公司名稱,
<h2>:主要主題,
<h3>~<h6>:為其他內容。

<p>代表一個段落,也可以用來當題標下的小註釋。

項目符號,預設為小圓點,能條列項目,但主次不明顯
<ul>
 <li>No.1</li>
 <li>No.2</li>
 <li>No.3</li>
</ul>
次序符號,預設為1. 2. 3. ...,能條列項目,比較有次序(先後)感
<ol>
 <li></li>
 <li></li>
 <li></li>
</ol>

<a></a>:超連結,
加上herf="網址":所要開啟的目的地,
target="":開啟視窗的方式,較常用的有:
_blank:在新視窗打開連結;
_self:為預設值。在原視窗打開連結。

語法:<a herf="http://..." target="..."></a>
當連結在相同資料夾下時,可直接打網頁名稱(xxx.html)


架構:
<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
  </style>
  <script>
  </script>
 </head>
 <body>
  <h1></h1>
  <p></p>
  <h2></h2>
  <ul>
   <li><a herf="http://..."></a></li>
   <li><a herf="http://..."></a></li>
   <li><a herf="http://..."></a></li>
  </ul>
  <h2></h2>
  <ol>
   <li></li>
   <li></li>
   <li></li>
  </ol>
 </body>
</html>

沒有留言:

張貼留言