瀏覽器發請求 --> http協議 --> 服務端接收請求 --> 服務端返回響應 --> 服務端把html檔案內容發給瀏覽器 --> 瀏覽器渲染頁面
html是一種標記語言(markup language),它不是一種程式語言。
html使用標籤來描述網頁。
最基本的html文件:
宣告為html5文件。
、是文件的開始標記和結束的標記。是html頁面的根元素,在它們之間是文件的頭部(head)和主體(body)。
定義了html文件的開頭部分。它們之間的內容不會在瀏覽器的文件視窗顯示。包含了文件的元(meta)資料。
、定義了網頁標題,在瀏覽器標題欄顯示。
、之間的文字是可見的網頁主體內容。
注意:對於中文網頁需要使用宣告編碼,否則會出現亂碼。有些瀏覽器會設定 gbk 為預設編碼,則你需要設定為。
標籤的語法:
幾個很重要的屬性:
注釋是**之母。--摘自哪吒語錄宣告必須是 html 文件的第一行,位於 標籤之前。
宣告不是 html 標籤;它是指示 web 瀏覽器關於頁面使用哪個 html 版本進行編寫的指令。
標籤意義
定義網頁標題
定義內部樣式表
定義js**或引入外部js檔案
引入外部樣式表檔案或**圖示
定義網頁原資訊
meta標籤介紹:
標籤位於文件的頭部,不包含任何內容。
提供的資訊是使用者不可見的。
meta標籤的組成:meta標籤共有兩個屬性,它們分別是http-equiv屬性和name 屬性,不同的屬性又有不同的引數值,這些不同的引數值就實現了不同的網頁功能。
1.http-equiv屬性:相當於http的檔案頭作用,它可以向瀏覽器傳回一些有用的資訊,以幫助正確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個引數的變數值。
2.name屬性: 主要用於描述網頁,與之對應的屬性值為content,content中的內容主要是便於搜尋引擎機械人查詢資訊和分類資訊用的。
加粗斜體內容下劃線刪除
段落標籤
標題4標題5
標題6
對應**空格
>
>
<
¥¥版權註冊
®div標籤用來定義乙個塊級元素,並無實際的意義。主要通過css樣式為其賦予不同的表現。
span標籤用來定義內聯(行內)元素,並無實際的意義。主要通過css樣式為其賦予不同的表現。
塊級元素與行內元素的區別:
所謂塊元素,是以另起一行開始渲染的元素,行內元素則不需另起一行。如果單獨在網頁中插入這兩個元素,不會對頁面產生任何的影響。
這兩個元素是專門為定義css樣式而生的。
注意:
關於標籤巢狀:通常塊級元素可以包含內聯元素或某些塊級元素,但內聯元素不能包含塊級元素,它只能包含其它內聯元素。
p標籤不能包含塊級標籤,p標籤也不能包含p標籤。
超連結標籤點我target:
1.無序列表
type屬性:2.有序列表
第一項type屬性:第二項
3.標題列表
標題1**是乙個二維資料空間,乙個**由若干行組成,乙個行又有若干單元格組成,單元格裡可以包含文字、列表、圖案、表單、數字符號、預置文字和其它的**等內容。內容1標題2
內容1內容2
**最重要的目的是顯示**類資料。**類資料是指最適合組織為**格式(即按行和列組織)的資料。
**的基本結構:
序號屬性:姓名愛好 1
egon
槓娘 2
yuan
日天
功能:
表單用於向伺服器傳輸資料,從而實現使用者與web伺服器的互動
表單能夠包含input系列標籤,比如文字字段、核取方塊、單選框、提交按鈕等等。
表單還可以包含textarea、select、fieldset和 label標籤。
表單屬性
屬性描述
accept-charset
規定在被提交表單中使用的字符集(預設:頁面字符集)。
action
規定向何處提交表單的位址(url)(提交頁面)。
autocomplete
規定瀏覽器應該自動完成表單(預設:開啟)。
enctype
規定被提交資料的編碼(預設:url-encoded)。
method
規定在提交表單時所用的 http 方法(預設:get)。
name
規定識別表單的名稱(對於 dom 使用:document.forms.name)。
novalidate
規定瀏覽器不驗證表單。
target
表單元素
基本概念:
html表單是html元素中較為複雜的部分,表單往往和指令碼、動態頁面、資料處理等功能相結合,因此它是製作動態**很重要的內容。
表單一般用來收集使用者的輸入資訊
表單工作原理:
訪問者在瀏覽有表單的網頁時,可填寫必需的資訊,然後按某個按鈕提交。這些資訊通過internet傳送到伺服器上。
伺服器上專門的程式對這些資料進行處理,如果有錯誤會返回錯誤資訊,並要求糾正錯誤。當資料完整無誤後,伺服器反饋乙個輸入完成的資訊。
元素會根據不同的 type 屬性,變化為多種形態。
type屬性值
表現形式
對應**
text
單行輸入文字
password
密碼輸入框
date
日期輸入框
checkbox
核取方塊radio
單選框submit
提交按鈕
reset
重置按鈕
button
普通按鈕
hidden
隱藏輸入框
file
文字選擇框
屬性說明:
checked:radio和checkbox預設被選中的項
readonly:text和password設定唯讀
disabled:所有input均適用
屬性說明:定義:標籤為 input 元素定義標註(標記)。
說明:label 元素不會向使用者呈現任何特殊效果。
標籤的 for 屬性值應當與相關元素的 id 屬性值相同。
屬性說明:html常用標籤
總類 所有html檔案都有的 檔案型別 放在檔案的開頭與結尾 檔案主題 必須放在 文頭 區塊內 文頭 描述性資料,像是 主題 文體 檔案本體 結構性定義 由瀏覽器控制的顯示風格 標題 從1到6,有六層選擇 3.0 標題的對齊 3.0 區分 3.0 區分的對齊 引文區塊 通常會內縮 強調 通常會以斜體...
html常用標籤
一年前學的,沒怎麼用都忘了。現在整理筆記做一下複習。html hypertext markup language 注釋 空格 npsp 一 html的頭標籤 二 html常見標籤 1.加粗 2.下劃線 3.斜體 4.刪除線 5.遠洋輸出 6.下標 7.上標 div與span 劃分區域 自動換行 不換...
html常用標籤
1 html標題 標題是通過 2 html水平線 用來在頁面中建立水平線,用來分隔內容 這是乙個段落。這是乙個段落。這是乙個段落。3 html段落 可以生成段落 this is a paragraph this is another paragraph 瀏覽器會自動在段落前後新增空行 4 html換...