如何快速學習HTML-html教學-PHP中文網

首頁

web前端

html教學

如何快速學習HTML

迷茫

Jan 16, 2017 pm 02:16 PM

html

如何快速的學習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" 這兩個句子如果不寫，那麼我們單元格之間的邊框線是有空隙的，小伙伴們可以在本地進行測試一下！ 🎜

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn