HTML學習筆記
1.基本元素
對于中文網頁需要使用 <meta charset="utf-8"> 聲明編碼
有些瀏覽器(如 360 瀏覽器)會設置 GBK 為默認編碼,則需要設置為 <meta charset="gbk">
- <!DOCTYPE html> 聲明為 HTML5 文檔
- <html> 元素是 HTML 頁面的根元素
- <head> 元素包含了文檔的元(meta)數據,如 <meta charset="utf-8"> 定義網頁編碼格式為 utf-8。
- <title> 元素描述了文檔的標題
- <body> 元素包含了可見的頁面內容
- <h1> 元素定義一個大標題
- <p> 元素定義一個段落
注:在瀏覽器的頁面上使用鍵盤上的 F12 按鍵開啟調試模式,就可以看到組成標簽。
- HTML 不是一種編程語言,而是一種標記語言
- HTML文檔也叫做 web 頁面
- HTML 指的是超文本標記語言: HyperText Markup Language
2.標簽
1.HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>
2.HTML 標簽通常是成對出現的,比如 <b> 和 </b>
3.標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
3.網頁結構

4.HTML 中的 href 和 src 有什么區別
href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。href 的內容,是與該頁面有關聯,是引用。
src 的內容,是頁面必不可少的一部分,是引入,src 表示來源地址,在 img、script、iframe 等元素上。
區別就是,引入和引用。
5.記錄一下 html 相對路徑的寫法:
- ./: 代表文件所在的目錄(可以省略不寫)如果寫成image/background就相當于是在html文件下找image文件夾,當然是找不到的
- ../: 代表文件所在的父級目錄
- ../../:代表文件所在的父級目錄的父級目錄
- /: 代表文件所在的根目錄
6.下面列出了適用于大多數 HTML 元素的屬性:

說明:
- class 屬性可以多用 class=" " (引號里面可以填入多個class屬性)
- id 屬性只能單獨設置 id=" "(只能填寫一個,多個無效)
PS:
1.想起了一個比喻,HTML是骨骼,CSS是衣服,動作就是JavaScript……
2.HTML控制的是結構,而不是表現
3.表現是CSS才應該干的事兒
7. 表單form簡介
基本語法
<FORM ACTION="URL" METHOD="GET|POST" ENCTYPE="MIME" TARGET="..."> ... ... </FORM>
基本功能
表單在網頁中主要負責的是數據采集功能,一個表單基本由三部分組成
- 表單標簽:這里面包含了處理表單數據所用 CGI (Common Gateway Interface,通用網關接口)程序的 URL (Uniform Resource Location,統一資源定位符)以及數據提交到服務器的方法.
- 表單域:包含了文本框、密碼框、隱藏域、多行文本框、復選框、單選框、下拉選擇框和文件上傳框等。
- 表單按鈕:包括提交按鈕、復位按鈕和一般按鈕;用于將數據傳送到服務器上的CGI腳本或者取消輸入,還可以用表單按鈕來控制其他定義了處理腳本的處理工作.
兩個參數
- method: post和get均可, 都可以作為提交數據的方法, 但是一般post是推送消息給服務器, get是從服務器獲取數據, 這是約定形成的, 當沒有明確指定method的時候, 默認的method是get.
- action: action是提交給處理的url, 意思是把表單提交到這個url處理, 沒有action, action="" 或者action="?", 都是將表單數據提交到本頁的意思.
本文是自己學習html的筆記,是為了便于自己后期復習,所以并沒有按照嚴格的排列,如果不習慣,可以到菜鳥教程學習。
以上學習筆記總結轉自菜鳥教程https://www.runoob.com/html/html-intro.html
浙公網安備 33010602011771號