學習筆記：MDN的Web入門

時間 2019-12-10

標籤學習筆記 mdn web 入門欄目 HTML 简体版

原文原文鏈接

HTML：html

要引用一個父目錄的文件，加上兩個點。編程

HTML並非真正的編程語言，它是一種用於定義內容結構的標記語言。瀏覽器

元素（Element）：開標籤、閉標籤與內容相結合，即是一個完整的元素。元素能夠用來封裝不一樣部分的內容，使其以某種方式呈現或者工做。編程語言

元素也能夠有屬性（Attribute）。一個屬性應該包含：屬性的名稱，並接上一個等號；由引號所包圍的屬性值。函數

class屬性容許你爲元素提供一個標識名稱，以便進一步爲元素指定樣式或進行其餘操做時使用。網站

空元素：沒有內容和閉標籤的元素。搜索引擎

<!DOCTYPE html> — 文檔類型（doctypes），它的存在只是由於歷史緣由，不用多管。編碼

<html> 元素. 這個元素包含了整個頁面的內容，有時也被稱做根元素。視頻

<head> 元素. 這個元素能夠包含你想添加的但你不想被用戶看到的內容。這裏麪包括像想被搜索引擎搜索到的關鍵字（keywords）和頁面描述，CSS樣式表和字符編碼聲明等等。htm

<body> 元素. 這個元素包含了你想被用戶看到的內容，無論是文本，圖像，視頻，遊戲，可播放的音軌或是其餘內容。

src ，即source。

alt ，即alternative。

HTML 包括六個級別的標題， <h1>–<h6>。

<p> 元素是用來指定段落的，能夠用它來指定常規的文本內容。

<ul>，即unordered lists；<ol>，即ordered lists；<il>，即list item。有序和無序的區別就只是有沒有序號。

簡單的link —— <a> —— a 是 "anchor" （錨）的縮寫。

href表明的是 hypertext reference。

CSS（層疊樣式表，用來爲網頁添加樣式的代碼）:

就像 HTML，CSS也不是真正的編程語言。它是樣式表語言，也就是說，它容許你有選擇性地爲 HTML 文檔的元素添加樣式。

CSS的整個結構稱爲 CSS 的規則。選擇符（Selector）：放在規則最開始。它選擇了一個或多個須要添加樣式的目標，經常使用的選擇符類型有元素、ID、Class、屬性和僞類。屬性（Properties）：這是你改變 HTML 元素樣式的方法。屬性值（Property value）：在屬性的右邊，冒號後面，用於從指定的屬性裏的很是多的外觀中選擇一個值。

px 意爲「像素（pixels）」。

JavaScript（爲網站添加交互功能的動態編程語言）：

在HTML中，引入CSS用link，引入JS用script。

將 <script> 元素放在 HTML 文件底部的緣由是，瀏覽器按照代碼在文件中的順序解析 HTML。若是 JavaScript在最前面被加載，HTML還未加載，JavaScript將沒法做用於HTML，因此JavaScript無效。並且，若是 JavaScript 代碼出現問題則 HTML 不會被加載。因此將 JavaScript 代碼放在底部是最好的選擇。

var，即Variable。基本上 JavaScript 裏的任何東西都是對象，並且均可以被儲存在變量裏，將這個記在腦子裏。

行末的分號表示語句結束，不過這個分號只有在單行內須要分割語句時纔是必須的。然而，一些人認爲在每一個語句後面加分號是一種好的風格。

JavaScript 是對大小寫敏感的。

Functions 是一種封裝你想重複使用的功能的方法，這樣你就能夠在任什麼時候候想使用其中的功能就經過函數名稱來調用而不用總是重複寫下整段代碼。

在網頁上建立真正的交互，你須要使用事件 —— 事件是可以捕捉瀏覽器操做而且容許你運行代碼進行響應的代碼結構。

字符和字符串均可用單引號或雙引號包裹。

== 和 === 不同。