文章目錄

• 一. 簡介與基本信息
• • • 1. W3C 標準
    • 2. HTML基本結構
    • 3. 網頁基本信息
    • 4. 網頁基本標簽
    • 5. 媒體元素
• 二. 網頁結構與框架
• • • 1. 頁面結構
    • 2. iframe 內聯框架
    • 3. 表單

這是狂神的HTML教學的筆記。從今天開始轉行前端
主要是為了把簡歷寫得更好看= =，因此部分地方會比較省略，比如表單等內容（不過如果以后需要學習的話，也會繼續補充這塊的內容）

一. 簡介與基本信息

1. W3C 標準

1. DOM：文檔對象模型 2. XML：可擴展標記語言，配置的時候會用到

開發工具：可以直接用 IDEA，記得配置

2. HTML基本結構

• 網頁頭部、網頁主體、開放標簽、閉合標簽
  

3. 網頁基本信息

• !DOCTYPE 描述使用的規范
• meta：描述性標簽，描述網站的信息，可以用來給搜索引擎搜索
• title: 網頁標題，比如我當前寫文章的網頁標題是“寫文章-CSDN博客"
  

4. 網頁基本標簽

• 標題標簽
  
• 段落標簽（直接回車并不能實現換行效果噢~)
  
• 換行標簽：相對于段落標簽，行間的間隙會更小。單標簽
  
• 水平線標簽：
  
• 粗體、斜體標簽：
  
  - 特殊符號：如空格、大于號等（下圖為格式，具體想要啥可以去百度查對應值）
  
• 題外話：養成好習慣，文件分好區
  
• 圖像標簽：推薦用相對地址
  
• 超鏈接標簽：
  
• 錨鏈接：可以跨頁面跳轉，應用廣泛
  
  
• 功能性鏈接：這個也比較有意思，還可以用來QQ推廣。郵件鏈接也挺有用，點擊郵件鏈接會開啟郵件軟件。
  
• 行內元素 && 塊元素
  
• 列表：有序 && 無序 && 自定義
  
  
• 表格標簽：跨列 colspan，跨行 rowspan

5. 媒體元素

二. 網頁結構與框架

1. 頁面結構

• header、footer、section、nav 用得比較多，利于清晰化網頁結構～
  

2. iframe 內聯框架

• 頁中頁
  

3. 表單

• 注意點：get && post 的區別（安全性、能否傳輸大文件）
• 其實 post 也可通過 f12 來查看表單信息，因此實際上也沒那么安全，但是可以再通過一些加密技術來避免這種情況。
• 表單驗證會用到正則表達式，可以直接查詢常用的正則表達式（比如郵件、用戶名等）
  

總結

以上是生活随笔為你收集整理的【前端知识学习】HTML5 学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。