WEB前端 html基礎篇

2021-09-26 22:15:40 字數 2137 閱讀 5998

1、html概述

1、什麼是html

web頁或web應用,就是網際網路上的乙個網頁程式,通常以 .html或.htm作為字尾的檔案

web頁是由html編寫而成

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

a : 26個字元中的首字元

超文字a:超連結的功能

b : 26個字元中的第二個字元

超文字b:給文字加粗

markup :標記,規定了超文字的組成形式,是由標記組成

超文字a:

2、html基礎語法(重點)

1、標記語法(markup)

1、作用

html用於描述功能的符號稱之為"標記"

2、語法

標記 必須用 尖括號"<>" 括起來

:超連結

: 加粗文字顯示

: 段落

標記分類:

1、封閉型別標記-雙標記

必須成對出現

《標記》內容

:換行	:一條橫線

2、元素

元素即標記

測試文字

1、元素巢狀

元素(標記)中又巢狀元素(標記),形成更複雜的語法結構

編寫巢狀**時,一定要注意巢狀順序和格式

ex:a標記,巢狀b標記

2、屬性 和 值

1、作用

用來修飾元素

ex:讓 p 標記的文字水平居中對齊

hello world

2、語法

1、屬性的宣告必須位於開始標記裡

《標記 屬性》

3、標準屬性

每個元素都有自己的特有屬性

有些屬性是所有元素都支援的,稱為標準屬性

1、id:元素在頁面中的唯一標識

2、title:滑鼠移入到元素時所提示的文字內容

4、style:元素定義的內聯樣式(與樣式相關)

3、注釋

1、作用

在編輯文件下可見,在瀏覽器展示頁面時並不顯示的內容

2、語法

3、注意

1、注釋不能巢狀

-->

以上結構-錯誤

2、注釋不能位於<>中

以上結構-錯誤

4、html 和 xhtml

3、文件結構

1、html文件結構

1、文件型別宣告

作用:指定使用的html版本和風格

2、html頁面

位置 位於 doctype 之下

包含以下兩對子元素

1、網頁頭部內容

2、網頁主體

3、html頁面-

1、作用

定義頁面全域性資訊

2、包含以下子元素

1、標題

網頁標題

2、定義頁面元資料

注意:設定網頁編碼的同時,保證網頁檔案的編碼也為utf-8

4、html頁面-

網頁顯示的主體內容

屬性:1、text

控制網頁文字的顏色

2、bgcolor

控制網頁的背景顏色

4、換行

語法:5、分割線元素

語法:屬性:

1、size:尺寸,取值是乙個以px(畫素)為單位的數字,單位可以省略

2、width:寬度,取值數字,同上

3、align :分割線的水平對齊方式left,center,right

4、color :顏色

6、塊分割槽元素-div

語法:特點:

獨佔一行

作用:布局

7、行分割槽元素-span

語法:注意:多個span會在一行內顯示

作用:包裹文字,並設定文字樣式

8、塊級元素與行內元素

1、塊級元素

預設情況下,會獨佔一行的元素就是塊級

,作用:布局

2、行內元素

不換行,多個行內元素都在一行內顯示

i,b,s,u,sub,sup,span

作用:處理文字顯示效果

9、預格式化

作用:保留原文件中的格式,即保留文件中的回車和換行

語法:

Web前端 HTML篇(其一)

常用檔案命名 html的特性 路徑問題 html的構成是由一種標籤的 構成,標籤分為雙標籤和單標籤,雙標籤的書寫方式是,後面的標籤是以尖括號加乙個 接標籤結尾。h1 p 乙個標準的html檔案的構成是由由圈起來的頭部和主體構成,這是w3c的規定html標準。head body hmtl 標題標籤 首...

web前端基礎之 HTML

web前端標準 行業詞條 internet 網際網路 www 全球資訊網world wide web url 統一資源定位器 http 超文字傳輸協議 w3c 全球資訊網聯盟 是乙個組織不是乙個公司 制定網頁標準 多個網頁的集合 網頁 字尾名以.html或者.htm結尾 瀏覽器 五大瀏覽器廠商 ie...

web前端面試題 基礎題 html篇

1.xhml和html區別 xhtml 基於xml的指標語言,必須正確巢狀,關閉,大小寫,必須有根元素 html 基於web的網路設計語言 2.前端頁面哪三層 html 結構層 檢視層 css 表示層 js 行為層 3.各大主流瀏覽器的核心 ie ie核心 火狐 gecko 谷歌 webkit bl...