1. 程式人生 > >初學 HTML製作網頁

初學 HTML製作網頁

     提到製作網頁,大部分人會想到用Dreamweaver,其實記事本也很方便。、

用HTML編寫簡單網頁

HTML:超文字標記語言 (xml的前身【可擴充套件的標記語言,標籤可以自定義】)
標記語言:解釋性語言。(由應用程式解釋)            C++、java等是編譯型語言。

HTML:主要做網頁
超連結:
超文字:文件間  建立聯絡,
網站:一組由相互關聯的網頁。

採用:HTML語言
工具:Dreamweaver 、記事本、

如何編寫一個網頁?
//標準基礎標籤
<html>
   <head>
      <title>  ljh  </title>
   </head>
   
   <body>
       welcome!!
   </body>
</html>

一.
學習一些常用標籤 的用法。  標籤{成對出現}<xxx>                     </xxx>
 
1.大綱標籤<h1>....<h6> 大標題  
2.影象標籤:<img />   單標籤
    屬性  <img src="a.png" />  指定一張圖片位置,{最好用相對位置}
          <img src="a.png" alt="圖片提示" /> //圖片無法現實時的提示
 <img src="a.png" title="滑鼠提示"  width="150px"    height=""  border="5"/> 滑鼠放到圖片上,顯示“”裡的提示
                                              預設為原始大小,單位畫素px   圖片border加邊框
3.超連結標籤:<a>   </a>用在<body>之間
   <a  href="http://www.baidu.com" title="點選連結百度"   target="_top"> 我要去百度 </a>
                                title滑鼠放上的提示       target="_self"預設在自身開啟  target="_blank"新建網頁
4.元資料標籤<meta />用在<head>之間
   <meta name="keyword"  content="部落格,上沙部落格" />
    <meta name="discription"  content="網頁描述" />
      <meta http-equiv="content-type"  content="text/html;charset=gbk" />
      <meta http-equiv="refresh"  content="5;url=http://www.baidu.com"/>  5秒,重新整理進入url介面
 
 <body>
       <a href="#bt1"> 標題一</a>  加頁首索引    #表示當前頁面,bt1表示錨點(點選可以連結進入錨點)
       <a href="#bt2"> 標題2 </a> 
       <a href="#bt3">標題3</a>

       <h1> 標題一</h1>
       <h1> 標題2 </h1>   
       <h1> 標題3 </h1>
 </body>
 
5.水平分割線標籤<hr />
    屬性    <hr size=5  width=300px noshade/>   分割線粗度5    noshade設定為實線

6.換行標籤<br/>

7.段落標籤 <p>   段落間有一空行


二.表格
1.<table>
   <table border=1 width="100%" bgcolor="#cccccc" cellspacing=2> 100%表示與父體視窗一樣大;cellspacing單元格間距
<caption>XXX公司12月工資表</caption>  
    border=0表格無邊框
2.<tr> 一行</tr> 
3.<td><th>  同一型別的,th可使字型加粗
4.<caption>

三.有序列表(自動加 序號)
<ol>
<li>1.XXXXXX</li>  
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
</ol>

標籤:  <ol type=“a”>    a是羅馬字型,預設是1


四.無序列表(無標號,前面是實心點)
<ul>
<li>1.XXXXXX</li>  
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
<li>1.XXXXXX</li>
</ul>