首先我們要知道什么是Html,英文全稱
HyperText Markup Language
我們通常稱為 超文本標記語言
看到這里,我相信大家對超文本標記語言肯定又開始迷惑了,標記語言,是沒有邏輯性的,所以學習來是很簡單的。
我們來看以下Html的基本結構
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>
Html中的標簽都是成對出現的,我們稱為開始標簽和結束標簽,下面我們來講解一下上面的代碼
<!DOCTYPE html> 聲明文檔是html類型
Head標簽,我們通常也稱為頭部標簽,里面我們一般放編碼,網頁標題,或者外部css樣式文件,腳本文件等!
我們來看看這幾樣是如何寫的
(1) 設置編碼
<meta charset=”utf-8”>
(2) 設置網頁標題
<title>Gxl網</title>
(3) 引入外部樣式
<link rel="stylesheet" type="text/css" href="">
(4) 引入外部js文件
<script type="text/javascript" src="demo.js"></script>
其實這些內容都是固定的,html里面有自帶一些樣式,例如font等,但是這些根本滿足不了網頁的需求,所以我會給大家分享關于css的如何掌握基礎知識。我們看一下如何開發網頁的布局,有倆種方式
一種是表格,這個比較老了,但是相對簡單的多,另一種是div來布局,初學者我建立不要用DW,dw是可視化操作,感覺很少寫代碼,這樣不利于發展的,所以我們可以用其他的編譯器,純手工的敲寫代碼,編程就是這樣,你寫的多了,自然而然就記住了。下面我們來看一下表格布局,表格的代碼 table 行tr 講到行大家肯定想到列,在表格里面,講列是不規范的,我們稱之為單元格,即為 td
我們來看一下下面的例子
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table cellspacing="0" cellpadding="0" border="1" width="300" height="100"> <tr> <th>姓名</th> <th>籍貫</th> <th>年齡</th> </tr> <tr> <td>張明</td> <td>湖北</td> <td>23</td> </tr> </table> </body> </html>
cellspacing="0" cellpadding="0" 這倆句如果不寫,那么我們單元格之間的邊框線是有空隙的,小伙伴們可以在本地進行測試一下!
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com