簡(jiǎn)單介紹HTML测萎,學(xué)習(xí)入門自用=-=
以下筆記摘抄全部來(lái)自優(yōu)達(dá)學(xué)城,感謝優(yōu)達(dá)讓我入門渔期。
HTML 結(jié)構(gòu)第1部分
通常我們?cè)跒g覽器中看到的內(nèi)容?
<opening tag>content<closing tag>
這樣的結(jié)構(gòu)組合在一起,總的代表一個(gè)元素。
例子:
<p>This is a paragraph.</p>
<h1>This is a heading.</h1>
<span>This is a span.</span>
注意鲸阔,兩邊標(biāo)簽中的文字總是相同偷霉。
通常結(jié)束標(biāo)簽內(nèi)有斜線。
特殊的:
圖像元素<img src="image.jpg" alt="a picture">
環(huán)境
文本編輯器寫(xiě)代碼褐筛,瀏覽器運(yùn)行我們的代碼类少。
文本編輯器
可使用:Sublime Text 3、Atom渔扎、Visual Studio Code硫狞、Emacs、Vi/Vim
瀏覽器
Google Chrome和Mozilla Firefox推薦晃痴。
HTML和樹(shù)
元素可以包含其他內(nèi)容残吩。
例,<div><h1>Article Title</h1></div>
推薦代碼格式:
<div>
? ? <h1>Article Title</h1>
</div>
HTML結(jié)構(gòu)第2部分
創(chuàng)建或加載的每個(gè) HTML 文檔都來(lái)自于這個(gè)基本結(jié)構(gòu):
此模板可分解為 3 個(gè)部分:
DOCTYPE:描述 HTML 的類型倘核。盡管技術(shù)上存在不同的類型泣侮,但對(duì)于你將要編寫(xiě)的 99.999% 的 HTML 來(lái)說(shuō),<!DOCTYPE html>是不錯(cuò)的選擇紧唱。
<head>:描述有關(guān)站點(diǎn)的元信息(例如標(biāo)題)活尊,并提供網(wǎng)頁(yè)正確渲染和交互,所需的腳本和樣式表鏈接漏益。
<body>:描述用戶將看到的網(wǎng)頁(yè)上的實(shí)際內(nèi)容蛹锰。