最近開的博客,一切都是從零開始,昨天剛寫了java的開篇,今天寫一寫HTML開篇。 很多初學者都不太看重前端的學習,甚至鄙視前端,我剛開始時就這樣。其實,要想成為一個真正的程式員,前端和後端都必須瞭解,然後再重點向自己想成為的方向發展。廢話少說,無論你想成為哪方面的程式員,前端都是要學的。 前端知識 ...
最近開的博客,一切都是從零開始,昨天剛寫了java的開篇,今天寫一寫HTML開篇。
很多初學者都不太看重前端的學習,甚至鄙視前端,我剛開始時就這樣。其實,要想成為一個真正的程式員,前端和後端都必須瞭解,然後再重點向自己想成為的方向發展。廢話少說,無論你想成為哪方面的程式員,前端都是要學的。
前端知識學校好像不教,反正我的學校不學。介紹幾個學習HTML的地方。慕課網,w3school,codecadmy.
這次簡單介紹下HTML的基本結構。
what is HTML?
HTML stands for Hyper Text Markup Language.
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言,而是一種標記語言 (markup language)
- 標記語言是一套標記標簽 (markup tag)
- HTML 使用標記標簽來描述網頁
HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
- HTML 標簽是由尖括弧包圍的關鍵詞,比如 <html>
- HTML 標簽通常是成對出現的,比如 <b> 和 </b>
- 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
開始和結束標簽也被稱為開放標簽和閉合標簽。
上一段代碼,講解一下html的基本結構:
<!DOCTYPE html> <html> <head> <title>Hello</title> </head> <body> hello world </body> </html>
一個HTML文件必須有<!DOCTYPE html>,其作用是告訴瀏覽器文件類型,以讓它能正確解析,此處表示這是個html5文件。
又必須有<html></html>,html文件的內容都放在其中。
就想人有頭,有身體,html文件也有頭,身體。<head></head>里的內容是對html內容的描述,一般不會顯示在網頁中。如<title></title>是文件的標題,顯示在瀏覽器視窗的上方。
<body></body>里的內容是html文件的主要內容。其中可以插入,文本,圖片,鏈接等。
今天就說這麼多。html文件是由一個一個標簽組成的,所以,以後,我會介紹各種html標簽的用法和屬性。