HTML學習2：初識HTML · Web前端HTML+CSS+JS初級入門

想了很久這個HTML學習該怎樣開始，一直在想怎么寫HTML概述，到現在也沒有標準的一個說法。因為近期一個多月學Web前端開發的時候，只是知道用HTML可以編寫網頁之類的東西，其他的一無所知，這幾天空閑的時候一直在找Web前端開發方面的知識，現在對HTML和CSS再加上JavaScript這三個有了一些初步的了解，沒有之前那么迷惑了，根本不知道從何開始學起。由于老師一上來就開始講深入的知識，前幾節課都是迷迷糊糊的。這初期的學習必須要靠自己去補上，在網上找了好久，該從什么方面開始了解，找了不少Web前端開發基礎課程，HTML+CSS+JS視頻教程等，但是沒有找到合適的，終于在51CTO學院上找到了適合我們初學者的Web前端HTML+CSS+JS初級入門視頻課程。 HTML就是超文本標記語言的簡寫，是最基礎的網頁語言。超文本標記語言是標準通用標記語言下的一個應用，也是一種規范，一種標準，它通過標記符號來標記要顯示的網也中的各個部分。超文本標記語言是為網頁創建和其它可以在網頁瀏覽器中看到的信息設計的一種標記語言。 HTML是通過標簽來定義的語言，代碼都是由標簽所組成。多數標簽都是有開始標簽和結束標簽，其中有個別標簽因為只有單一功能，或者沒有要修飾的內容可以在標簽內結束。想要對被標簽修飾的內容進行更豐富的操作，就用到了標簽中的屬性，通過對屬性值的改變，增加了更多的效果選擇。屬性與屬性值之間用“=”連接，屬性值可以用雙引號或單引號或者不用引號，一般都會用雙引號。或公司規定的書寫規范。格式：<標簽名屬性名=“屬性值”>數據內容</標簽名> <標簽名屬性名=“屬性值” /> HTML代碼由<html>開始</html>結束，里面由頭部分<head></head>和體部分<body></body>兩部分組成。?頭部分是給HTML頁面增加一些輔助或者屬性信息，它里面的內容先加載。體部分 ?真正存放頁面數據的地方。 HTML代碼不用區分大小寫。但是為了方便以后的修改和閱讀需要遵循一定的編寫格式規范。說了這么多，那么我們可以用一般的文本編輯器來實現HTML編寫。比如Word，寫字板，日記本等等，這里我們日記本最方便了。 1打開系統自帶的日記本： ![](https://box.kancloud.cn/2016-04-28_572155862d2af.jpg) 2在日記本中輸入下面HTML格式的東西： ~~~ <html> <head> </head> <body> </body> </html> ~~~ 3在頭部分中輸入： ~~~ <html> <head> <title>連宏偉的第一個網頁</title> </head> <body> </body> </html> ~~~ 4在體部分中輸入： ~~~ <html> <head> <title>連宏偉的第一個網頁</title> </head> <body> <font>這是本網頁的第一行內容</font> <hr /> <b>這是本網頁的第二行內容</b> <br /> <h2>這是本網頁的第三行內容</h2> </body> </html> ~~~ 5最后保存在桌面上的文件名位default.html或default.htm。我的默認瀏覽器為2345瀏覽器，保存后會在桌面顯示2345瀏覽器圖標的網頁文件。 ![](https://box.kancloud.cn/2016-04-28_5721558644ce3.jpg) ![](https://box.kancloud.cn/2016-04-28_572155865b7be.jpg) 6雙擊打開default文件，所顯示的網頁為： ![](https://box.kancloud.cn/2016-04-28_5721558683edb.jpg) 7要是需要顯示更豐富的文字內容，需要使用標簽的屬性： ~~~ <html> <head> <title>連宏偉的第一個網頁</title> </head> <body> <font color="red" size="8">這是本網頁的第一行內容</font> <hr /> <b>這是本網頁的第二行內容</b> <br /> <h2>這是本網頁的第三行內容</h2> </body> </html> ~~~ ![](https://box.kancloud.cn/2016-04-28_5721558699241.jpg) 在日記本本中編寫的東西為： ![](https://box.kancloud.cn/2016-04-28_57215586ad755.jpg) 總體來說，HTML的操作思想：為了操作數據，都需要對數據進行不同標簽的封裝，通過標簽中的屬性對封裝的數據進行操作，標簽就相當于一個容器，對容器中的數據進行操作，就是在不斷的改變容器的屬性值。