文章目錄
- 前端學習
- 一、【前端開發介紹】
- 二、【互聯網原理】
- 三、【純文本格式】
- 四、【HTML概述】
- 五、【HTML標簽】
- 六、【HTML元素】
- 七、【HTML屬性】
- 總結
前端學習
今天是正式學習前端的第一天，以前也學過一點點，今天開始將在這里見證我的前端成長之路，我將把每日學到的東西進行梳理總結，分享在這里啦！一、【前端開發介紹】
前端開發：創建web頁面或者是APP等前端界面呈現給用戶的程序，
核心技術：HTML 、CSS 、JavaScript及衍生出的各種技術和框架等，
應用場景：PC、移動APP、小程式、游戲、服務端，
二、【互聯網原理】
程式員將網頁源檔案上傳到服務器進行存盤，用戶后期通過客戶端（如瀏覽器軟體）發送HTTP請求到服務器，服務器接收請求后進行回應，將存盤的相關檔案通過HTTP回應回傳到用戶本地客戶端，最終通過客戶端將網頁檔案進行渲染，顯示出最終用戶看到的網頁效果，
Chrome渲染效果好，市場占有率高，自帶開發者除錯工具
三、【純文本格式】
純文本格式（.txt ）
- 只能保存文本，有利于網路傳輸
- 所有的純文本格式檔案，可通過更改擴展名的方式更改保存格式，
- 可使用任意純文本編輯器
html css js 都是純文本格式
四、【HTML概述】
前端三層：HTML（結構層）、CSS （樣式層）、JavaScript（行為層），
Hypertext Markup language：超文本標記語言，用來制作網頁的一種標記語言，
html是純文本，不能直接添加音頻、視頻、圖片等，
語意化網頁的優勢：
1.方便閱讀和后期維護
2.便于瀏覽器或網路爬蟲更好的決議網站內容
3.利于SEO搜索引擎優化，提高網站的搜索排名
版本
五、【HTML標簽】
#1.標簽必須寫在一對尖括號<>內部，
如下（示例）：
<html></html>
#2.標簽分為單標簽和雙標簽，雙標簽必須成對出現，
如下（示例）：
<p></p>
<br/>
3.雙標簽分為開始標簽和結束標簽，結束標簽必須書寫關閉符號/，單標簽需要自封閉書寫，在html5中單標簽可以不書寫關閉符號，
錯誤寫法：
<div><div>
<br>
正確寫法：
<div></div>
<br/>
標簽級別 ：
（1）容器級，可存放任意內容
（2）文本級，只能存放文字或類似文字的內容
六、【HTML元素】
HTML元素是指從開始標簽到結束標簽的所有內容，包括開始標簽、元素內容、結束標簽，
1.元素內容可以純文本，也可以是其他html元素，這種元素內容中包含其他HTML元素的情況，可以稱為嵌套，
如下（示例）：
<div><p>努力</p></div>
2.一個HTML元素內容可以包含多個其他HTML元素，這種嵌套可以有多層，
如下（示例）：
<div>
<p>div內部嵌套p</p>
<h1>div嵌套一級標題</h1>
</div>
元素特性：
1.空白、空格 、換行、 縮進不影響效果，
2.元素內容是文本對空白敏感，會出現空白折疊現象，折疊成一個空格，
七、【HTML屬性】
HTML屬性：HTML標簽可以添加屬性，屬性回提供更多資訊，
（1）書寫位置，與標簽名之間用空格分離，
（2）屬性包含，屬性名key 屬性值value 鍵值對k=“v” class是起一個名字，書寫要求用英文加數字，
如下（示例）：
<p k=“v”>段落1</p>
（3）一個標簽內可以設定多個不同的屬性，屬性與屬性之間用空格分隔，
如下（示例）：
<p k=“v” k=“v” k=“v”>段落2</p>
（4）k設定多個屬性值v可以用空格分隔開來，
如下（示例）：
<p k=“v1 v2 v3”>段落3</p>
總結
今天就學習到這里啦，初步對HTML有個了解（當然啦，以前學過的），不過覺得現在更加系統化、更加深入的學習了，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/265938.html
標籤：其他
上一篇：web前端開發之vue基礎