HTML基本標記

2021-06-29 05:41:23 字數 4571 閱讀 6251

目錄:

設定頁面關鍵字:

設定頁面說明:

設定作者資訊:

設定網頁文字以及語言:

設定頁面的定時跳**

網頁主體標記body:

頁面注釋標記

html,即hypertext markup language,其中文名即超級文字標記語言。

乙個完整的html標記語言必須包含三部分:

1、乙個由元素定義的文件版本資訊

2、乙個由檔案頭部的結束標記

檔案主體內容開始標記

檔案主要需要顯示的內容在此書寫

檔案主體內容結束標記

整個檔案的結束標記

思路:對於這樣乙個書寫格式,猶如我們生活中常常對於乙個問題或者是一件事情的分析一樣。

1、乙個問題,即目的。標明整件事情的主要方向。即可以拿標籤表示,唯標籤涵蓋了整個問題的主旨

2、乙個問題或者一件事情在完成之前,我們必須完成兩個步驟。

步驟一:思考。必須對這件事情先理清楚乙個即時並行得通的思路來。其實這剛好就像上文html檔案中的

思路:我們為什麼乙個東西偏偏就要有標題呢?如果沒有標題難道就不可以嗎?當然可以,但是你不覺得標題在利己利人嗎?就好比一台電腦,我們會把許許多多有用的東西存入這台電腦,而這些東西我們需要放進許許多多外**上去毫無區別的資料夾中。如果這些資料夾都沒有標題,那麼,某一天,你突然想在其中去尋找自己需要的檔案,那麼,這時候你會不會感覺頭都大了呢?反之,如果我們把每一種資料都作出詳細的分類,這樣會不會感覺事半功倍呢!

總結:其實生活很簡單,只是我們平時不經意的忽略,從而把它變得複雜化咯!

元素標記meta

噢,忘了!此刻我還不知道meta是個森馬東東呢?--------------·唉,弄了半天,我也只知道meta就是meta。可能是因為在平時生活的網頁中,我們看不到meta元素提供的資訊吧!所以,我們常常不自覺的忽略了它的存在!其實,它在生活中還起到挺重要的作用!或許這 就是傳說中的無形的力量吧!不知道我有木有說對

meta總是用它那龐大的身軀乙隻腳

oooo ↘┏━┓ ↙ oooo 

( 踩)→┃你┃ ←(死 ) 

\ ( →┃√┃ ← ) / 

\_)↗┗━┛ ↖(_/ 在水裡,乙隻腳

oooo ↘┏━┓ ↙ oooo 

( 踩)→┃你┃ ←(死 ) 

\ ( →┃√┃ ← ) / 

\_)↗┗━┛ ↖(_/ 在陸地上               所以,

meta元素分為:

1、name                        用於描述網頁,以便於搜尋引擎查詢、分類

2、http-equiv                 用於傳達http通訊協議的標頭

接下來,我們就來個一一了解吧!

設定頁面關鍵字

語法:如果你硬是不知道我我是如何展開地下工作得,那我就來做乙個示範吧!

設定頁面說明

在你不知道的時候,我只是想無形的幫助你一把!你可知道我的苦心?

語法:哎呀!還是要身先立足體驗一番:

定義編輯工具

還記得小時候那個總是渴望弄清楚十萬個為什麼的深邃表情嗎?你似乎還記得你問爸媽:「我從**來的啊?」你是否還記得這個問題問得他們啞口無言的表情啊?反正我是不記得我是否問過這個問題咯!你呢?而定義編輯工具,其實就是想為我們解釋我們從**來!-------------噢,我錯了!是它從**來,接下來它要幹什麼?

語法:好吧!那我試試,我看看你是怎麼被我載入史冊的,嘿嘿······

設定作者資訊

我不僅僅要知道我是從**來的!因為僅僅是這樣,其並不屬於我的作風!至少我還要知道是誰把我養大的吧。。。。。

語法:「啊!還是不太確定誒。」

「忘恩負義的傢伙,那就讓我證明給你看唄!」

「我已經與觀眾特別熟悉了,看看別人吧!」

「ok,我只帶你累啊!那我就委婉地接過接力棒了。」

設定網頁文字及語言

其實我這樣做就是想讓大家能夠正確的選擇我,畢竟我也是一門門挺不錯的語言組裝而成的嘛!

語法:此語法中,http-equiv是用於傳達http通訊協議的標頭,而在content才是具體的屬性值!

可知否?

「那你要聽實話還是虛話?如果你要聽虛話,那我只能說很簡單。如果要聽實話,那我只能說,我只知道這概述,其實我並不知道其實質性的用處在**?」

「噢,原來如此!」

你無語,我無助!你可好了,但是大家都不知道我具體的力量到底有多具體!

設定網頁的定時跳轉

同學,以前在朋友生日或什麼重要節日來臨之際!你可曾有過這樣的嘗試。可能會因為在朋友生日或重要節日來臨之際,自己會很忙,或者自己恰恰在路上。所以,你會提前寫好電子郵件,然後對其時間進行乙個設定。從而做到剛好在那一天來臨之際,系統就自動把祝福發過去了。是不是這看上去很高大上啊?

好吧,現在就來看看這種語法格式吧!

語法:「嗯·····嗯····我想想·········」

噢·····噢······我總算想好了!你看我這樣行不?

ok,thank you!那你就等著讓我來亮瞎你的眼睛吧!

哼哼·····等著看吧!讓你瞧瞧我是如何閃亮登場的········

網頁的主體標記body

網頁的主體標記有什麼作用呢?為什麼我們一定要有網頁的主體標記body呢?-------------------用處那時必須得呢!因為其至少包含要在瀏覽器中顯示處理所有的資訊,其可以進行很多的屬性設定。就好比如文字設定、顏色設定等!其重要性就好比如對於乙個問題或者說是一件事情,如果我們只有目的與思考,卻沒有行動,那不就感覺是誤國誤名嗎?其實,body就像行動的化身,至少可以看見它的一舉一動,從而也讓我知道這樣乙個過程以及起到乙個監視的作用。

總結:世間的一切事事物物都必有其因果關係,讓我們好好靜下心來去思考每一件事情的因果迴圈吧!

網頁背景顏色bgcolor

當我們想要感嘆世界的時候,為什麼總是習慣的說「這真是乙個五彩繽紛的世界啊!」,而很少說「這是乙個世界啊!」這兩個句子看似是在描述同一樣東西,但它流露出來的氣氛卻是截然相同的。

那現在就讓我作出乙個大體的對比吧!

面對「這是乙個五彩繽紛的世界啊!」,首先,我們知道這是乙個世界。其次,我們知道這是乙個由顏色區別的世界。而對於有不同顏色區分的事物,其給我們的感覺也將是充滿活力的,是朝氣蓬勃的,是積極向上的!所以,其還有一層意思就是這是乙個充滿活力的世界。間接的透露這個世界或許是因為我們人每乙個個體的存在,而變得五彩繽紛的。這會是多麼有正能量的一句話啊!

面對「這是乙個世界啊」的時候,的確,我們已經知道這是乙個世界了。然後我知道這是乙個沒有色彩的世界。在然後,我會想,難道這個世界是因為我的存在而沒有色彩嗎?是因為我的存在而讓這個世界變得死一樣的寂寞嗎?

好吧!算我多想咯。不過在認真思索,這背景顏色既然如此重要,看來我還是得好好思索思索咯··········

語法:

嗯····我知道你是顏色,但是我還想知道你在生活中是怎麼運用的!

好吧,那就容我教教你吧!!!

如果說生活是五彩繽紛的,那麼,我們可不可以把生活中的部分顏色固化在一座建築上,讓這種顏色永遠停留在那裡,永遠沒有變化呢?

這當然可以,對於這種永遠不變顏色的建築,我們可以說是一副圖畫,因此,這詞也就跟著引申出來了。

網頁背景background

語法:噢,搞得我都想躍躍欲試了·····

在這個紛繁的世界裡,既然是背景,那麼,它必然相對而言屬於次。因此,其背景之上必有主。所以,在接下來的一段旅程中,我們就嘗試著把換上新裝的文字作為背景之上的東道主的一段旅程吧·······

文字顏色text

語法:「我都沒看見,我怎麼知道啊!」

「好吧,既然如此就容我告訴你把!」

穿上了花衣裳,那就讓生命活得更加的精彩吧!

精彩地生命需要用一段段生活方式來做渲染········而每一段生活方式自然給人的感覺也是各不相同的。就好比在生命中與另乙個人的交集吧!認識之前可能是無比的想要去接近,認識中可能是小小的緊張以及刺激,認識之後可能是一段心的交流。這似乎與鏈結文字屬性link如此如出一轍,對於一段文字我們也可以嘗試變換訪問前的文字顏色,訪問中的文字顏色,訪問後的文字顏色······

鏈結文字屬性link

語法:a.

鏈結的文字

既然有了相識前的心理標準,那麼,你就不得不想哈相識中的心理變化了·······

語法結構:

這就是我的顏色

噢,原來如此,那麼相識之後的心理變化一定就是這樣的吧!!!

語法結構:

這就是訪問前中後我所變成的顏色

邊框margin

語法:既然有了語法結構,那就牛刀小試一番吧!

設定頁面的上邊距

設定頁面的左邊距

頁面注釋標記的提

d

HTML之基本標記

1 什麼是html html是超文字標記語言。html5是w3c制定的一套開發靜態頁面的規範。2 html的基本組成 3 html常用的標記 用乙個簡單的例子,來簡單說明html常用的標記 段落列表線格式 超連結滾動文字或 示例1示例2 示例3public class test 文字鏈結 鏈結錨點鏈...

HTML頁面與基本標記

html標記的基本格式 標記 檔案內容 某一些標記還可以包括一些屬性 標記名稱 屬性1 屬性2 屬性3.用來注釋的標記 基本結構如下 檔案主體,要顯示的內容 起始標記 標記用於html文件的最前面,用來標記html文件的開始 則是放在html文件的最後面,用來標記html文件的結束 必須配對使用 標...

HTML學習筆記 1 基本標記

html的基本標記 1.頭部標記 head head元素的作用是整篇文件,其中可以有 元資訊定義,文件樣式表定義和指令碼資訊等。文件正式內容 2.標題標記title 標題內容 3.元資訊標記 meta meta元素的資訊不顯示在頁面中,一般來定義頁面資訊的說明,關鍵字,重新整理等。屬性有 1 設定頁...