前端網頁介紹

2022-09-19 10:09:11 字數 1721 閱讀 7888

本文整理自:

頁面由三部分內容組成!

分別是內容(結構)、表現、行為。

內容(結構),是我們在頁面中可以看到的資料。我們稱之為內容。一般內容 我們使用html 技術來展示。

表現,指的是這些內容在頁面上的展示形式。比如說。布局,顏色,大小等等。一般使用css 技術實現

行為,指的是頁面中元素與輸入裝置互動的響應。一般使用 j**ascript 技術實現。

hyper text markup language (超文字標記語言) 簡寫:html

html 通過標籤來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔案,

通過在文字檔案中新增標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,如何顯示等)

選擇瀏覽器執行頁面:

第乙個 html 示例:

hello

注:j**a 檔案是需要先編譯,再由 j**a 虛擬機器跑起來。但 html 檔案它不需要編譯,直接由瀏覽器進行解析執行。

表示整個 html 頁面的開始標題

頁面主體內容

body 是頁面的主體內容

表示整個 html 頁面的結束

html 的**注釋:

1.標籤的格式:

《標籤名》封裝的資料4.標籤又分為,單標籤和雙標籤。

i.  單標籤格式: 《標籤名 />	br 換行   hr 水平線

ii. 雙標籤格式: 《標籤名》 ...封裝的資料...① 標籤不能交叉巢狀

正確:早安,愷龍

錯誤:

早安,愷龍

② 標籤必須正確關閉

i.有文字內容的標籤:

正確:

早安,愷龍

錯誤:

早安,愷龍

ii.沒有文字內容的標籤:

正確:

錯誤:

③ 屬性必須有值,屬性值必須加引號

正確:

早安,愷龍
錯誤:

早安,愷龍
錯誤:

早安,愷龍

④ 注釋不能巢狀

正確:

錯誤:

-->

注意事項:

html **不是很嚴謹。有時候標籤不閉合,也不會報錯。

網頁前端開發

內容 智慧型表單樣式擴充套件 max width 表示最大寬度 text align 字型居中 某些屬性樣式直接寫到form裡面不行 需要寫在style 裡面 css入門 css入門 css簡介 css指的是cascading style sheets,即層疊樣式表,是一種設計網頁樣式及布局的技術。...

前端 網頁布局基礎

1 盒子模型的第一層到第五層 border padding content background image background color margin 2 清除浮動。對受到浮動影響的標籤作以下操作 1 clear both 2 clear right clear left 3 設定寬度widt...

前端網頁字型科普

常見的字型可以分為兩類 襯線體 無襯線體。1 serif 襯線體 在字的筆畫開始 結束的地方有額外的裝飾,而且筆畫的粗細會有所不同。常見的襯線體有 宋體 楷體 times new roman 2 sans serif 無襯線體 筆劃粗細基本一致,只剩下主幹,造型簡明有力,起源也很晚。適用於標題 廣告...