web的服務本質
瀏覽器傳送請求》http協議》服務端接受請求》服務端返回響應》服務端把html檔案內容發給瀏覽器》瀏覽器渲染頁面
html學什麼?
主要是學習標籤,記住常用的標籤
html常用標籤
head內常用標籤
>>> 定義網頁標題
>>> 定義內部樣式表
>>> 定義js**或引入外部js檔案
>>> 引入外部樣式表檔案(匯入css檔案)
>>> 定義網頁原資訊
meta標籤
meta標籤的組成:meta標籤共有兩個屬性,它們分別是http-equiv屬性和name 屬性,不同的屬性又有不同的引數值,這些不同的引數值就實現了不同的網頁功能.
body內常用標籤
基本標籤(塊級標籤和內聯標籤)
加粗斜體塊級標籤和行內標籤的區別:下劃線刪除
段落標籤
標題4標題5
標題6
所謂塊級,是以另起一行開始渲染的標籤,行內標籤則不需要另起一行。如果單獨在網頁中插入這兩個元素,
不會對頁面產生任何的影響。
注意:關於標籤巢狀:通常塊級標籤可以包含內聯標籤或某些塊級標籤,但內聯標籤不能包含塊級標籤,它只能包含其他內聯標籤。
p標籤不能包含塊級標籤。
div標籤和span標籤
img標籤
a標籤所謂的超連結是指從乙個網頁指向乙個目標的連線關係,這個目標可以是另乙個
網頁,也可以是相同網頁上的不同位置,開可以是乙個,乙個電子郵件位址,乙個檔案,甚至是乙個應用程式。
什麼是url?url是統一資源定位器(uniform resource locator)的縮寫,也被稱為網頁位址,是英特網上標準的資源的位址。
url舉例
url位址由4部分組成
第1部分:為協議:http://、ftp://等
第3部分:為頁面在站點中的目錄:stu
第4部分:為頁面名稱,例如 index.html
各部分之間用「/」符號隔開。
點我target:
列表1.無序列表
type屬性:2.有序列表
第一項type屬性:第二項
3.標題列表
標題1**注意**的結構:內容1標題2
內容1內容2
序號屬性:form這個是重點姓名愛好 1
曹操吃2劉備喝
功能:
表單用於向伺服器傳輸資料,從而實現使用者與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傳送到伺服器上。
伺服器上專門的程式對這些資料進行處理,如果有錯誤會返回錯誤資訊,並要求糾正錯誤。當資料完整無誤後,伺服器反饋乙個輸入完成的資訊。
input
元素會根據不同的 type 屬性,變化為多種形態。
type屬性值
表現形式
對應**
text
單行輸入文字
password
密碼輸入框
date
日期輸入框
checkbox
核取方塊radio
單選框submit
提交按鈕
reset
重置按鈕
button
普通按鈕
hidden
隱藏輸入框
file
文字選擇框
屬性說明:
checked:radio和checkbox預設被選中的項
readonly:text和password設定唯讀
disabled:所有input均適用
select標籤
屬性說明:label標籤
定義:標籤為 input 元素定義標註(標記)。
說明:label 元素不會向使用者呈現任何特殊效果。
標籤的 for 屬性值應當與相關元素的 id 屬性值相同。
textarea多行文字 屬性說明:html 前端基礎
html是什麼?超文字標記語言 hypertext markup language,html 通過標籤語言來標記要顯示的網頁中的各個部分,一套規則,瀏覽器認識的規則。瀏覽器按順序渲染網頁檔案,然後根據標記符解釋和顯示內容,但需要注意的是,對於不同的瀏覽器,對同一標籤可能會有不完全相同的解釋 相容性 ...
前端 html基礎總結
自己購買的資料 固定模式 處理格式 段落,標題,換行,水平線,刪除線,強調,斜體,粗體,強調,下標,上標,小號字 這是乙個鏈結 屬性包括 class,id,title,style,name,center,font,bgcolor,backgroud,size,color 超 框架 表單知識點1 為排...
前端基礎之HTML
html 作為超文字標記語言主要是用來製作靜態頁面 html有標準 html4 標籤 原生標籤.標籤 橫線.結構標籤 字型標籤 使用 文字 標籤的屬性 標籤 屬性名 屬性值 屬性名 屬性值 段落標籤 p標籤 字型加粗標籤 b標籤 字型斜體標籤 i標籤 字型下劃線 u標籤 居中標籤 標籤 html的標...