前端網頁介紹
本文整理自：https://www.bilibili.com/video/BV1Y7411K7zz
B/S軟體的結構
JavaSE C/S Client Server
B/S Browser Server
前端的開發流程
網頁的組成部分
頁面由三部分內容組成！
分別是內容（結構）、表現、行為，
內容（結構），是我們在頁面中可以看到的資料，我們稱之為內容，一般內容 我們使用html 技術來展示，
表現，指的是這些內容在頁面上的展示形式，比如說，布局，顏色，大小等等，一般使用CSS 技術實作
行為，指的是頁面中元素與輸入設備互動的回應，一般使用 javascript 技術實作，
HTML簡介
Hyper Text Markup Language （超文本標記語言） 簡寫：HTML
HTML 通過標簽來標記要顯示的網頁中的各個部分，網頁檔案本身是一種文本檔案，
通過在文本檔案中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）
創建HTML檔案
（以idea的創建為例，idea下載參考鏈接：https://www.cnblogs.com/technicist/p/15229615.html）
1、創建一個 web 工程（靜態的 web 工程）
2、在工程下創建 html 頁面
選擇瀏覽器執行頁面: 
第一個 html 示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>標題</title>
</head>
<body> hello
</body>
</html>
注：Java 檔案是需要先編譯，再由 java 虛擬機跑起來，但 HTML 檔案它不需要編譯，直接由瀏覽器進行決議執行，
HTML 檔案的書寫規范
<html> 表示整個 html 頁面的開始
<head> 頭資訊
<title>標題</title>
</head>
標題
<body>
頁面主體內容
</body>
body 是頁面的主體內容
</html> 表示整個 html 頁面的結束
Html 的代碼注釋:
<!-- 這是 html 注釋，可以在頁面右鍵查看源代碼中看到 -->
HTML 標簽介紹
1.標簽的格式:
<標簽名>封裝的資料</標簽名>
2.標簽名大小寫不敏感，
3.標簽擁有自己的屬性，
i. 分為基本屬性：bgcolor="red" 可以修改簡單的樣式效果
ii. 事件屬性： onclick="alert('你好！');" 可以直接設定事件回應后的代碼，
4.標簽又分為，單標簽和雙標簽，
i. 單標簽格式： <標簽名 /> br 換行 hr 水平線
ii. 雙標簽格式: <標簽名> ...封裝的資料...</標簽名>
標簽的語法：
① 標簽不能交叉嵌套
正確：
<div><span>早安,愷龍</span></div>
錯誤：
<div><span>早安，愷龍</div></span>
<hr />
② 標簽必須正確關閉
i.有文本內容的標簽：
正確：
<div>早安，愷龍</div>
錯誤：
<div>早安，愷龍
<hr />
ii.沒有文本內容的標簽：
正確：
<br />
錯誤：
<br>
<hr />
③ 屬性必須有值，屬性值必須加引號
正確：
<font color="blue">早安，愷龍</font>
錯誤：
<font color=blue>早安，愷龍</font>
錯誤：
<font color>早安，愷龍</font>
<hr />
④ 注釋不能嵌套
正確：
<!-- 注釋內容 --> <br/>
錯誤：
<!-- <!-- 這是錯誤的 html 注釋 --> -->
<hr />
注意事項：
html 代碼不是很嚴謹，有時候標簽不閉合，也不會報錯，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/419048.html
標籤：其他