html lesson1 html簡介和常用標籤

2021-08-20 06:45:07 字數 2671 閱讀 4784

什麼是html?

hyper text mark-up language 超文字標記語言 作用:開發靜態頁面

備註:html不是程式語言,是用來描述網頁的一種語言。

通過瀏覽器執行。

可以分為兩大版本

html4.01

html5

超文字標記語言(html)的第五次重大修改

html5 仍處於完善之中,大部分現代瀏覽器已經具備了某些 html5 支援

不同瀏覽器執行可能會有差異

標籤分類:單標籤

雙標籤html骨架結構:

:指示web瀏覽器頁面使用哪個html版本進行編寫的指令

html 檔案的副檔名是 ***.html

html結構說明:

含義:告訴瀏覽器,網頁的**用什麼格式解析。

含義:告訴瀏覽器網頁的文字用什麼字符集,如果使用的字符集不正確,就會出現亂碼。

字符集:   gb2312(ansi)--簡體中文(漢子作業系統預設使用)    gbk--國標碼   utf-8:多國語言 

含義:便於搜尋引擎

含義:**的內容,99%的內容都放入body標籤中,只有放在該標籤才能在視窗中顯示。

html的書寫規範:

html不區分大小寫,但是w3c推薦使用小寫

html標籤巢狀,但是不能交叉巢狀 例如

單標籤一定要閉合

屬性:每乙個標籤有沒有屬性,如果有,有多少 都是由w3c規定。

屬性值: 要用雙引號引起來

html文字標籤(格式化標籤):

:設定文字的顏色,文字的字型,文字的大小 雙標籤

屬性:color 設定文字的顏色 例如 color="red" 或者 color="ff0000"

size 設定文字的大小 例如 size="5" 是以號為單位

face 設定文字的字型 例如 face="隸書"

屬性之間沒有先後順序。 

練習:輸入一段文字 設定該段的前五個字,文字為藍色,blue #0000ff,文字大小為6號,文字字型為楷體。

html:注釋 

加粗

加粗 加強語氣

傾斜傾斜  加強語氣

下劃線

下劃線 強調插入文字

上標下標  例如: x2 x的平方  h2o h2o 水

練習:輸入一段文字,要求前6個字 文字顏色為藍色 加粗 傾斜 加下劃線  注意順序巢狀 不能交叉

標籤:段落標籤

--標題標籤

屬性:align="center"設定居中 left right

練習:輸入兩段文字,在第一段的前面加乙個標題二,標題二的內容居中

預定義標籤 保留原有的空白  有空格有回車 每個瀏覽器解析有所差異

塊級標籤

:本身沒有任何含義,但是也是**使用最多標籤之一,結合css使用構成功能

行內標籤

標籤分類:塊級標籤--輸入完標籤之後獨佔一行

h1-h6 p div

行內標籤--輸入完標籤之後不是自己獨佔一行

em span u i b strong

換行標籤

1.絕對路徑:從碟符開始的路徑,例如:

c:\windows\system32\cmd.exe

2.相對路徑:從當前路徑開始的路徑

../:當前目錄的上一級目錄

./:當前目錄

/:伺服器的根目錄

a.檔案在當前目錄

page2.html訪問page2image.jpg

b.檔案在上一層目錄

page1.html訪問image.jpg

page2.html訪問image.jpg

c.檔案在下一層目錄

page1.html訪問site2下面的page2image.jpg

d.根目錄表示法

任何頁面訪問image下的image.jpg

target="_blank"

瀏覽器總在乙個新開啟、未命名的視窗中載入目標文件

_parent

這個目標使得文件載入父視窗或者包含來超連結引用的框架的框架集。如果這個引用是在視窗或者在頂級框架中,那麼它與目標 _self 等效。

_self

這個目標的值對所有沒有指定目標的 標籤是預設目標,它使得目標文件載入並顯示在相同的框架或者視窗中作為源文件。這個目標是多餘且不必要的,除非和文件標題[ 標籤中的 target 屬性一起使用。]

_top

這個目標使得文件載入包含這個超連結的視窗,用 _top 目標將會清除所有被包含的框架並將文件載入整個瀏覽器視窗。

錨標記跳轉到頁面的頂部和底部

滾動文字或影象

scrolldelay滾動延遲時間 預設90

direction 滾動的方向 預設從右向左

bgcolor 背景色background 背景

HTML Lesson 01 建立HTML文件

乙個html文件是由一系列html元素和標籤組成的。元素是html文件的重要組成部分,例如html html文件開始標籤 title 文件標題 和img 影象 等。元素名不區分大小寫。html用標籤來規定元素的屬性及它在文件中的位置。html標籤分為單獨標籤和成對標籤 1單獨出現的標籤,其作用是在相...

HTML教程(1) 什麼是HTML

博主個人主頁 這是我發布的第一篇系列教程 雖然我自己的技術還不怎麼樣 但是我想將我學習到的知識分享出來 所以才想到寫這麼一篇系列的教程來幫助正在學習前端的童鞋們 我會一直發布 從 html css js 等 希望看到我發布的朋友們能夠關注一下 我們一塊進步 可能寫的不好 歡迎大神們指出不好的地方 我...

1講 html介紹 html執行原理

html css 四天 html是什麼 標記 元素簡單說明一下動態網頁的示意圖 html歷史 1999 html xhtml xhtml 可以理解成就是html 的加強版 xml 2008 html5.0 u w3c的介紹 是乙個制定標準的組織 比如給 html xhtml css xml wml ...