html教程-1-概述扯淡
阿新 • • 發佈：2019-01-07
學習，是一切的開始，一個認真而上進的人，應該幫助別人，應該發揮自己的熱量，讓別人走同樣的路時，感到輕鬆。
我來自地底/
一個沒人的地方/
黑暗和安寧/
地面以上的複雜和喧鬧/
讓我驚慌/
在光明的一瞬間，我看到了什麼/
世界上只有一種真正的英雄主義，那就是認清生活的真相後還依然熱愛生活！
--周遠遙
--2015-10-01
這也是個，溫故而知新的過程吧。
接下來我們要接觸的是網頁前端，只要好好學，可以在三天搞定html，兩天搞定css，四天搞定jquery。但是因為速成，所以，我沒辦法解釋地非常多，直接照著來就好了。後面上手了可以再多研究為什麼。
PS：一些說明性的記號如下：
1.分隔線=====================
2.重要的內容前後會用//** **//標示
3.易錯的內容前後會用||** **||標示
===================================================================================================================================
html其實是一個非常簡單的||**標記**||語言，用於網頁的編寫。使用html編寫網頁，簡單到就像使用英語一樣。什麼叫做標記語言，就是你想要網頁上放個什麼東西，你就用一個標記告訴網頁，這裡要放個什麼東西，這就叫標記語言。比如說，p（paragraph段落的首字母）就代表段落，img（image圖片的首字母）就代表圖片，footer代表底部資訊等等，你需要有什麼， 就直接用記號代替，僅此而已。====================================================================================================================================
從最開始的網頁架構開始：一般我都是用如下的標準網頁架構的。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3個meta標籤*必須*放在最前面，任何其他內容都*必須*跟隨其後！ --> 我在寫每個網頁的時候都是先把這些進行復制，然後頭尾不動，把<h1>你好，世界！</h1>換成我自己的內容部分，就好了。這就是一個完美的標準的
html5頁面。
===================================================================================================================================
既然html是標記語言，那麼，我介紹下一些常用的標記以及他們代表的東西。
<div>——框
<p>——段落
<img>——圖片
<a>——超連結
<h1>~<h5>——大小標題
<br>——換行
<ul>——無序列表
<ol>——有序列表
<form>——表單
<input>——輸入框
<botton>——按鈕
<textarea>——多行文字框
好吧，暫時就先記這麼多好了，用的最多的也就這些了。
====================================================================================================================================
寫網頁，要用個什麼編輯器呢？用sublime吧，去這個網址下載：http://www.sublimetext.com/
安裝的時候注意勾選，將sublime新增到右鍵這個選項，然後以後html格式的檔案都可以直接右擊，用sublime打開了。介面非常好看，我可以幫你配置
一下這個軟體，讓他更好用，有一些常用的快捷鍵啊之類的，找個機會跟你說下，你用了之後發現，這個編輯器真的是神器啊。寫程式碼太快了。
====================================================================================================================================
2.30了，我去休息了，明天還要9點就起床。今天寫的這些應該夠學了，我呢，以後每天就像寫小說一樣的，每天寫一點，你每天學一點，很快就可以
學完了。加油思密達。不行不行，覺得還是要再寫點給你看。
====================================================================================================================================
1.網頁標記的構成：
以 <p id="hello" class="what" width="100px">你好，世界！</p> 來說，<p></p>叫做是標記本身，“你好，世界！”是這個標
記的文字內容，id="hello" 、 class="what" 、 width="100px" 這三個呢，表示的是這個標記的屬性。打個比喻吧。<p></p>是一本書，“你好，世界
！”就是書的內容，而id="hello" 、 class="what" 、 width="100px" 等同於，這本書書名叫做《米開朗琪羅》，這本書的分類呢屬於哲理小說，這
本書的厚度是10公分厚，這些都是它的屬性。
2.關於你為什麼引用圖片引用不進來的問題：
在網頁中引用圖片，一般常用的是相對路徑。比如說，html檔案和.jpg的圖片檔案在同一個資料夾下，就可以直接寫圖片的名字，系統會預設到會該
html網頁所在的資料夾中去找，那正好圖片就在這個資料夾下，所以是能夠找到的。詳細的你可以參考http://www.jb51.net/web/21806.html這個網
站。
3.好吧，我乖乖去睡覺了。純原創手打，天吶，手好酸。哈哈給你一個網站，比w3school要更適合初學者，講解的很人性化，很好理解，算是我的啟
蒙老師，網址如下，你可以看看。
http://www.dreamdu.com/xhtml/