HTML標記與屬性

2021-07-16 01:53:07 字數 2811 閱讀 2397

說到html標記就得先說說html元素

html文件是由html元素組成的,而html文件就是我們平常所見到的網頁,我們看到的網頁上的**、、列表,都是網頁上的元素

可以說網頁就像是拼圖一般,而元素就是一塊一塊的圖,用乙個乙個的元素將我們的網頁拼接完整

當然,單單是使用html來書寫網頁的話可能還不能達到我們所預期的要求,那麼那時我們就需要加入css(層疊樣式表)來進行樣式的布置,這個我們在css板塊去講如何將我們的網頁做得漂亮

現在元素的概念應該是有了,那元素和標記又有什麼關係呢?

可以說,我們的元素是由我們的標記構成的

當然我們的標記可以分為兩種:1、單標記;2、雙標記。當然網上也有其它的說法,這僅僅是說法的不一樣,如果覺得網上的說法好,這個也沒有什麼

現在先講乙個標記規則,標記是由成對出現的<>來書寫的,所有的標記都必須按《標記符號》這種方式書寫,比如段落標記

那既然分為單標記和雙標記,怎麼去構成元素呢?

單標記:元素=

雙標記:元素=內容文字

起始標記      

結束標記

這樣舉例子,大家應該看得懂吧,單標記是沒有內容文字的,所以沒有這個部分,不過個人建議開始學習html的同學在寫單標記時這樣書寫,在》前加上乙個「/」,這樣的話可以很清楚的看見自己的這個元素的結束

這裡有個提醒大家注意的問題,就是雙標記一定記得是成對出現的,並且在後面使用嵌入標記時一定要按照規定書寫

嵌入標記:就是在乙個標記中乙個標記,典型的例子就是我們的html文件的

,嵌入時一定不要將結束標記寫錯位置

還是不能明白的話

比如後面我們要學習到的標記和標記,嵌入時正確的書寫形式:

,錯誤的書寫形式:

一定要注意,雖然是個小問題,但初學者很容易在書寫雙標記時沒有成對出現,順序會出錯

講了一些很簡單的細節的東西,接下來我們講講標記的屬性

什麼是標記的屬性呢?

比如:當然我們標記的屬性還有很多很多,在之後**的練習中遇到了可以通過w3cschool**進行意思查詢,這裡只需要知道什麼是屬性就可以了

現在講講我們的一些標記

告訴瀏覽器html的版本(這種格式為html5版本),後面html是指明該文件的根元素,什麼是根元素呢,就是說本文件的根部,也是最大的元素,其中包含了所有的其它元素標記,中間包含網頁的內容,lang="en"表示搜尋引擎搜尋時,告知搜尋引擎該網頁時中文網頁還是英文網頁,中文網頁為zh-cn,當然現在的lang規定中對這種網頁分類又做了改變,可以在網上查查最新的分類

網頁的頭部分,其中有這個是告訴網頁我的網頁編碼集是utf-8,這個和網頁亂碼有關係

其中還有標記是書寫視窗名

網頁的身體部分,所有導航欄以下的網頁內容都寫在該標記中

在中常見的標記有:

~標題標記(heading),也就是正文的標題,分為6檔,字型會自動加粗,h1到h6表示重要性,這個和之後瀏覽器的索引有關係,切記:不要簡單認為只是按字型大小來區分,是按照其重要性來進行排列,詳細可自行去檢視w3c上的註解             預設:塊級元素

段落標記(paragraph)     預設:塊級元素

引用文字(blockquote) 和區別在於預設縮排    塊級元素

列表ol、ul、dl  列表標記單獨存在是沒有什麼意義的          塊級元素

有序列表(orderd list) ol,需要和li標記進行聯合使用做出有序的列表,字型前面預設為數字,從1、2、3....連續

無序列表(unorderd list) ul,需要和li標記進行聯合使用,和有序列表的區別在於前面部分預設是點

自定義列表(defined list) di,自定義列表,和前面兩個列表有較大的區別,在書寫自定義列表前先得書寫dt自定義標題,然後在標題下面寫dd自定義內容,並且每個標題內容寫完後接著書寫dt,然後加上dd:人稱你我

姓氏趙錢預排版將我們書寫的文字的原本格式保持下來,除了該標記的內容可以有回車換行以外,其它的標記內容換行都不起作用,並且該標記中的內容中出現幾個空格就會寫出來,其餘標記的內容的空格都會被省略為乙個,換行也會變為乙個空格       塊級元素

分割槽塊本身沒有什麼意義,可以看做是乙個盒子,一般將一些元素放入,可以起到乙個分割槽的效果,但現在html5中已不建議全篇使用div進行分割槽,html5中乙個重要思想就是語義化,出現了一系列具有意義的類似div的標記代替div的使用,在網頁製作的學習前期可以使用div進行簡單的分割槽,在css使用中,有重要的作用   塊級元素

跨越多個字元和標記是很類似的,不過因為它是內嵌元素,那這個地方就要提一提什麼是內嵌什麼是塊級元素了

塊級和內嵌元素,簡單用一句話概括就是塊級元素獨佔一行,後面的內容會換行,內嵌元素則不會使後面的內容換行後面的內容會跟在其內嵌元素後面;

這樣的話應該知道和標記的區別了,當然塊級元素和內嵌元素在之後學習了css內容後就可以進行改變,所以要對塊級和內嵌有乙個深刻的印象,在之後學習css時再深入了解和**

影象**國內在2023年前的網頁布局普遍是使用**來進行布局的,不過現在主要運用於通過js和ajax來進行區域性資料重新整理      塊級元素

其中包含兩個元素

**的頭部,書寫標題的位置,其中使用來表示一行資料,表示一列資料

**的身體,書寫**中的資料,使用表示一行資料,表示一列資料

與的區別,th在td的基礎上字型加粗,並且進行了居中

中有兩個屬性:cellspacing設定每個格仔之間的間隔,border設定邊框的大小    

插入其它網頁在其它頁面中加入網頁,目前已經很少使用,使用src屬性來插入指定的內容    塊級元素

還有乙個更為常用的標記——表單,在下面會單獨進行介紹,本內容一定要了解每個標記的意思和用處,並且區分它是塊級還是內嵌元素,多進行練習,這些知識並不難理解

php 過濾html標記屬性類

htmlattributefilter.class.php html attribute filter date 2013 09 22 author fdipzone ver 1.0 func public strip 過濾屬性 public setallow 設定允許的屬性 public sete...

php 過濾html標記屬性類

htmlattributefilter.class.php php view plain copy html attribute filter date 2013 09 22 author fdipzone ver 1.0 func public strip 過濾屬性 public setallow...

控制項標記HTML 標籤的 for 屬性

改章節個人在青島喝咖啡的時候突然想到的.今天就有想寫幾篇關於控制項標記的筆記,所以回家到之後就奮筆疾書的寫出來發表了 義定和用法 for 性屬定規 label 與哪個表單素元繫結。隱式和式顯的聯絡 標記平日以上面兩種式方中的一種來和表單控制項相聯絡 將表單控制項作為標記籤標的內容,這樣的就是隱式情勢...