web前端 之一

2021-07-06 09:39:32 字數 1681 閱讀 7637

一、基礎

html簡介

html,超文字標記語言,是用來描述網頁的一種語言,不是變成語言,是標記語言,標記語言是一套標記標籤

ctrl+/ 可以切換注釋

備註:空內容標籤如:

屬性必須加引號,都用雙引號,小寫

二、例項

用js命令,通過id就可以獲取節點資訊

開發者工具:ctrl+shift+i;f12;工具->開發者工具

月落烏啼霜滿天,江楓漁火對愁眠

姑蘇城外寒山寺,夜半鐘聲到客船

檢視完整解析

我是乙個段落

html表單

花草/*表頭*/

電器化妝品

綠蘿電腦

護手霜多肉植物

鍵盤保濕水

我是乙個div

/*獨自佔一行*/

我是乙個p

/*獨自佔一行*/

鏈結我是乙個文字

不間斷     空格

出現多個             空格

《出現多個             空格》

錨點國畫書法

玉器瑪瑙

國畫書法

玉器瑪瑙

link標籤用於引入外部css外部資源,便於復用

影象標籤的語法:

src表示的是的位址,可以是網路路徑也可以是相對路徑

alt當載入出現問題時會告訴讀者這裡是乙個什麼。

width、height顧名思義,是描述的寬和高。

可以新增在頭部區域的元素標籤為

: , ,, , , <

noscript

>, and .

頭部:

首頁主頁

選單超級鏈結是乙個很有用的元素

**跨行或跨列的**單元格:

橫跨兩列的單元格:

姓名**

李園園15801351015

18611011413

橫跨兩行的單元格:

姓名李園園

**15801351015

18611011413

表單:請單擊確認按鈕,輸入會傳送到伺服器上名為 "/example/html/test" 的頁面。

使用框架可以在同乙個瀏覽器中顯示多個頁面

框架某些老式的瀏覽器不支援內聯框架

如果不支援,則iframe是不可見的

框架垂直

框架水平

框架混合

常見的html字元實體

html新特性:

表單新特性

音訊拖拽

web前端學習(一)

以下是效果圖,主要實現三欄式布局。最先開始的思路 將左 中 右三欄用div裝起來,命名為left,middle,right等。對left的部分設定為float left,對right的 部分設定為float right。結果出現了以下 笑哭,當時查詢了網上的一些三欄式布局的 發現實現方式和我差不多。...

web前端知識(一)

http 協議 http協議 hypertext transfer protocol 叫超文字傳輸協議,使用在web伺服器和web瀏覽器上,在計算機能夠通過web交換資訊的一套規則和過程。web瀏覽器 web瀏覽器是乙個連線到web伺服器上,向web伺服器請求資訊,然後解析返回來的html標記,並將...

web前端概念鞏固(一)

h5 1.web語義化 web語義化是指在進行html結構 表現 行為設計時,盡量使用語義化的標籤,使程式 簡介明了,易於進行web操作和 seo,方便團隊協作的一種標準,以圖實現一種 無障礙 的web開發。例如h5新增加的 等,標籤名稱自身已經有一定意義了。js 1.變數提公升 var v my ...