HTML網頁實際上就是由許許多多各種各樣的HTML元素構成的文本文件,元素可以說是一個統稱而已。HTML元素就是通過使用HTML標簽進行定義的。標簽就是指、< body >、< table >等被尖括號“<”和“>”包起來的對象,絕大部分的標簽都是成對出現
HTML的元素屬性提供了對HTML元素的描述和控制信息,借助于元素屬性,HTML網頁才會展現豐富多彩且格式美觀的內容。例如要設置元素中文字內容的顏色為紅色,字號為30像素,這時就需要用到HTML元素屬性了。?在元素名稱的尖括號內添加了“style="color:#ff0000;font-size:30px"”內容,瀏覽器就會按照設定的效果來顯示內容。
運行結果:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes">
- <title>通高科技</title>
- </head>
- <body>
- <p>HTML元素屬性:<span style="color:#ff0000;font-size:30px">紅色字體,字號為30PX</span></p>
- </body>
- </html>
HTML元素是組成HTML文檔最基本的部件,它是用標簽來表現的,一般來說,“起始標簽”表示元素的開始,“結束標簽”表示元素的結束。HTML元素分為“有內容的元素”和“空元素”兩種。“有內容的元素”是由起始標簽、結束標簽以及兩者之間的元素內容組成的,其中元素內容既可以是需要顯示在網頁中的文字內容,也可以是其它元素。
元素標簽又分為塊元素與行元素:“塊元素”在網頁中的效果是該元素的內容對于其前后元素的內容都另起一行。塊元素p、li等。比如:span、b、a是行內元素。不換行在一行顯示
運行結果:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes">
- <title>通高科技</title>
- </head>
- <body>
- <p>HTML元素:這是一個塊元素</p>
- <p>HTML元素:<span style="color: red;">span是一個行內元素,不換行</span></p>
- </body>
- </html>