初學 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>