網頁是有三大部分組成的，
HTML：相當於代碼
CSS：美容（圖片），使界面展示的更漂亮
JS：彈窗
網頁主要由文字、圖像和超鏈接等元素構成。當然，除了這些元素，網頁中還可以包含音頻、視頻以及F1ash等。
網頁使如何形成的？
1. 常見瀏覽器內核介紹
- 瀏覽器是網頁運行的平台，常用的瀏覽器有IE、火狐(Firefox) 、谷歌(Chrome)、safari和opera等。 我們平時稱為五大瀏覽器。
二、web 標准構成
- Web標准不是某一個標准，而是由W3C和其他標准化組織制定的一系列標准的集合。
- 主要包括 結構(Structure)、表現(Presentation)和行為(Behavior) 三個方面。
-
- 結構標准：結構用於對網頁元素進行整理和分類，咱們主要學的是HTML。最重要
- 表現標准：表現用於設置網頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS
- 行為標准:：為是指網頁模型的定義及交互的編寫，咱們主要學的是 Javascript
- 理想狀態我們的源碼: .HTML .css .js
直觀感受：
三、HTML 初識
HTML (英文Hyper Text Markup Language的縮寫)中文譯為“超文本標簽語言"。是用來描述網頁的一種語言。
- HTML指的是超文本標記語言(Hyper Text Markup Language)
- HTML不是一種編程語言， 而是一種標記語言(markup language)
- 標記語言是一套標記標簽(markup tag)
1. HTML 骨架格式
- 同理: HTML有自己的語言語法骨架格式:
<HTML> <head> <title></title> </head> <body> </body> </HTML>
為了便於記憶，我們請出剛才要辭職回家養豬的二師兄來幫忙，我稱之為豬八戒記憶法
2. HTML標簽分類
雙標簽
雙標簽則是由“開始標簽”和“結束標簽”兩部分構成（這兩部分是相同的）
# 比如：<body>我是文字</body>
# 例如<html>、<head>、<title>、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<object>、<style>、<b>、<u>、<strong>、<i>、<div>、<a>、<script>、<center>（雙標簽的一部分）
# 以下都是雙標簽 <html> <head> <title></title> <script></script> </head> <body> <h1></h2> <p></p> </body> <html>
單標簽
<標簽名 />
單標簽也稱空標簽，是指用一個標簽符號即可完整地描述某個功能的標簽。
例如<br>、<hr>、<img>、<input>、<param>、<meta>、<link>。
標題標簽（熟記）
<h1>這是一個標題。</h1> 例如：<hl>. <h2>、 <h3>、 <h4>、 <h5>和<h6>
段落標簽（熟記）
<p>這是一個段落 </p>
- 是HTML文檔中最常見的標簽，默認情況下,文本在一個段落中會根據瀏覽器窗口的大小自動換行。
換行標簽（熟記）
- 單詞縮寫: break 打斷,換行
<br 換行標簽>
div span標簽（重點）
- div span是沒有語義的 是我們網頁布局主要的2個盒子 css+div
- div 就是 division 的縮寫分割，分區的意思其實有很多div來組合網頁。
- span,跨度，跨距，范圍
語法格式：
<div>這是頭部</div> <span> 今日價格</ span>
標簽屬性
- 屬性就是特性比如手機的顏色手機的尺寸，總結就是手機的。
- 手機的顏色是黑色手機的尺寸是8寸
- 水平線的長度是200
- 圖片的寬度是300鍵值對
- 使用HTML制作網頁時，如果想讓HTML標簽提供更多的信息，可以使用HTML標簽的屬性加以設置。
本語法格式如下:
<標簽名 屬性1="屬性值1”屬性2="屬性值2”...>內容</標簽名>
圖像標簽img
該語法中srC屬性用於指定圖像文件的路徑和文件名，他是img標簽的必需屬性。
<img src="圖像URL" />
鏈接標簽
單詞縮寫: anchor 的縮寫[aenke(n]. 基本解釋錨,鐵錨的
在HTML中創建超鏈接非常簡單，只需用標簽環繞需要被鏈接的對象即可
基本語法格式如下: . <a href="跳轉目標” target="目標窗口的彈出方式">文本或圖像</a>
input控件
- 在上面的語法中，<input />標簽為單標簽, type屬性為其最基本的屬性類型，其取值有多種,用於指定不
- 同的控件類型。除了type屬性之外, <input />標簽還可以定義很多其他的屬性，其常用屬性如下表所示。
body體標簽
- input 輸入標簽
- type 類型
- text：單行文本輸入框
- password：密碼輸入框
- radio：單選按鈕
- checkbox：多選框
- button：普通按鈕
- submit：提交按鈕
- reset：重置按鈕
- image：圖像形式的提交按鈕
- file：文件上傳框
- number：數字輸入框
- data：日期控件
- time：時間控件
- textarea：文本輸入域
- select：下拉框
- option：下拉選項
- a：超鏈接
- href：值為超鏈接地址
- name：由用戶自定義，控件的名稱
- value：由用戶自定義
- input 控件中的默認文本值
- size：正整數
- input：控件在頁面中顯示寬度
- checked：定義選擇控件默認被選中的項
- maxlength：正整數，控件允許輸入的最多字符數
- type 類型
學習地址：https://www.runoob.com/html/html-tutorial.html、https://www.w3school.com.cn/html/index.asp