職業生涯1.0知識儲備中...day2

只想做IT界的霸主發表於2020-12-21

2020-12-21 21.42pm
哦，我親愛的朋友們，晚上時間到，我又來了學習了，夜貓子屬性尿性不改，我要開始第一階段的學習了，擼起袖子就是幹！

1.第一階段學習：HTML+CSS

//學習路線：HTML5 -> CSS3 -> H5C3提高 -> 品優購綜合案例
//目的：學習網頁製作實際開發製作流程規範
//所選課程：web前端入門基礎教程，最適合零基礎前端小白的視訊教程html5+css3
//連結：https://www.bilibili.com/video/BV1pE411q7FU

一.HTML簡介
{
	1.網頁：
	{
		網站
		網頁是構成網站的元素；
	}
	2.瀏覽器：
	{
		5大主流瀏覽器：IE、FireFox、Chorme、Safari、Opera
		瀏覽器核心（渲染引擎）：負責讀取網頁內容，整理訊息，計算網頁的顯示方式並顯示頁面。
		
	}
	3.web標準（重點）：
	{
		web標準是由W3C和其他標準化組織定製的一系列標準的集合。W3C(全球資訊網聯盟)是國際最著名的標準化組織。
		1）為什麼需要web標準
			瀏覽器不同，它們顯示頁面或者排版有差異。
			
		2）web標準的構成（重點）：
			主要包括結構（structure）、表現(presentation)和行為(behavior)三個方面。
			結構：用於對網頁元素進行整理和分類，現階段主要學的是HTML
			表現：用於設定網頁元素的版式、顏色、大小等外觀樣式，主要是CSS
			行為：是指網頁模型的定義及互動的編寫，現階段主要學的是JavaScript
			
			web標準提出的最佳體驗方案：結構、樣式、行為相分離。
			簡單理解：結構寫到HTML檔案中，表現寫到CSS檔案中，行為寫到JavaScript檔案中。
			
			
	}
}

二、HTML標籤
{
	1.HTML語法規範
	{
		//檔案的建立：
		//新建一個資料夾（前端基礎第一天-HTML）-> 資料夾（案例）-> 01-html語法規範.txt
		
		1.1 基本語法
		1) html標籤是由尖括號包圍的關鍵詞，例如<html>
		2) html標籤通常是成對出現的，例如<html></html>,我們稱之為雙標籤。
		標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤。
		3）有些特殊的標籤必須是單個標籤（極少情況），例如<br />,我們稱為單標籤。
		
		1.2 標籤關係
		標籤關係分為兩類：包含關係和並列關係。
		1）包含關係
		<html>
		<head></head>
		</html>
		2）並列關係:head和body
		<html>
		<head></head>
		<body></body>
		</html>
		
	}
	2.HTML基本結構標籤
	{
		2.1 第一個HTML網頁
		//html網頁也稱為HTML文件
		
		<html>
			<head>
				<title>第一個頁面</title>
			</head>
			<body>
				鍵盤敲爛，工資過萬。
			</body>
		</html>
		
		2.2 基本結構標籤總結
		<html>:html最大標籤，跟標籤
		<head>:文件頭部
		<title>:文件頭部的題名
		<body>:主體內容
	}
	3.vscode工具
		{
			新建檔案：Ctrl+N
			儲存：Ctrl+S,注意要儲存為.html檔案
			放大縮小檢視：Ctrl + 加減號鍵
			生成頁面骨架結構：shift+!  按下tab鍵
			
		}
}

相關文章