如何快速學習HTML

迷茫
發布: 2017-01-16 14:16:56
原創
2223 人瀏覽過

如何快速的學習html呢?

首先我們要知道什麼是Html,英文全名
HyperText Markup Language

我們通常稱為超文本標記語言

看到這裡,我相信大家對超文本標記語言肯定又開始迷惑了,標記語言

看到這裡,我相信對超文本標記語言肯定又開始迷惑了,標記語言,是沒有邏輯性的,所以學習來是很簡單的。

我們來看以下Html的基本結構

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
登入後複製

Html中的標籤都是成對出現的,我們稱為開始標籤和結束標籤,下面我們來講解一下上面的程式碼

 聲明文檔是html型

Head標籤,我們通常也稱為頭部標籤,裡面我們一般放編碼,網頁標題,或外部css樣式文件,腳本文件等!

我們來看看這幾樣是如何寫的

(1) 設定編碼

<meta charset=”utf-8”>
登入後複製

(2) 設定網頁標題

<title>php中文网</title>
登入後複製

(3) 引入外部樣式

<link rel="stylesheet" type="text/css" href="">
登入後複製

<script type="text/javascript" src="demo.js"></script>
登入後複製

(3) 引入外部樣式

<!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>
登入後複製
其實這些內容都是固定的,html裡面有自帶一些樣式,例如font等,但是這些根本滿足不了網頁的需求,所以我會給大家分享關於css的如何掌握基礎知識。我們來看看如何開發網頁的佈局,有倆種方式

一種是表格,這個比較老了,但是相對簡單的多,另一種是div來佈局,初學者我建立不要用DW,dw是可視化操作,感覺很少寫程式碼,這樣不利於發展的,所以我們可以用其他的編譯器,純手工的敲寫程式碼,程式設計就是這樣,你寫的多了,自然而然就記住了。下面我們來看一下表格佈局,表格的程式碼table   行tr 講到行大家一定想到列,在表格裡面,講列是不規範的,我們稱之為單元格,即為td

我們來看一下下面的例子🎜rrreee🎜cellspacing="0" cellpadding="0" 這兩個句子如果不寫,那麼我們單元格之間的邊框線是有空隙的,小伙伴們可以在本地進行測試一下! 🎜
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板