而html這種標(biāo)記語言就是為了讓網(wǎng)頁展示更豐富,更美觀的一種語言。
它負(fù)責(zé)網(wǎng)頁的三個要素之中的結(jié)構(gòu)。 HTML使用標(biāo)簽的的形式來標(biāo)識網(wǎng)頁中的不 同組成部分。 所謂超文本指的是超鏈接,使用超鏈接可 以讓我們從一個頁面跳轉(zhuǎn)到另一個頁面。開發(fā)者使用特定的格式,對文本進(jìn)行不同的加工,這個特定的格式對于html來說就是html標(biāo)記標(biāo)簽。大概是這個樣子:
<html> <head> </head> <body> </body></html>html標(biāo)記標(biāo)簽,一般可以簡稱為html標(biāo)簽:
·每個標(biāo)簽都是由兩個尖括號'封裝'起來的,標(biāo)簽不區(qū)分大小寫,但建議使用小寫字母
·標(biāo)簽分為閉合標(biāo)簽和自閉合標(biāo)簽。閉合標(biāo)簽成對出現(xiàn),如:<html> </html> 自閉合標(biāo)簽如:<br/>
·成對的標(biāo)簽中的第一個標(biāo)簽被稱為開始標(biāo)簽或者開放標(biāo)簽,第二個標(biāo)簽則被稱為結(jié)束標(biāo)簽或者閉合標(biāo)簽
·注釋標(biāo)簽格式: <!-- 注釋內(nèi)容 --> ‘注釋內(nèi)容 ’ 不會在瀏覽器上顯示。注釋不能嵌套!
html元素
我們還將一個完整的標(biāo)簽稱為元素。這里我們可以將元素和標(biāo)簽認(rèn)為是一個同 義詞。 <h1>一級標(biāo)題</h1>上邊的h1我們就稱為元素<p>我是一個<em>段落</em></p>p也是一個元素,em是p的子元素,p是 em的父元素。<body> <p><em>內(nèi)容</em></p> </body> body也是一個元素。 ? body是p和em的祖先元素。 ? p和em是body的后代元素。
html元素可以分為兩類,塊元素(block)和內(nèi)聯(lián)元素(inline)
塊元素是一個元素,占用了全部寬度,在前后都是換行符。<div> <p> <h1>都是塊元素
內(nèi)聯(lián)元素只需要必要的寬度,不強(qiáng)制換行 <span> <a>都是內(nèi)聯(lián)元素
html元素指的是成對的閉合標(biāo)簽以及其中的文本內(nèi)容或者是自閉合標(biāo)簽,也就是:
<p> hello world </p> <br/>以上兩個都是html元素。大多數(shù) HTML 元素可以嵌套(可以包含其他 HTML 元素)。
開發(fā)者使用html元素編寫html文檔(也就是我們平常所說的網(wǎng)頁)。我們訪問網(wǎng)頁時,一般會用瀏覽器進(jìn)行訪問,瀏覽器的作用就是解析html標(biāo)簽,然后顯示網(wǎng)頁內(nèi)容。
html元素屬性
html元素可以設(shè)置屬性,屬性一般用在開始標(biāo)簽中。
屬性一般為鍵值對格式,如: attr = "value" (注意必需要有引號)。
多個屬性使用空格分隔。
分為全局屬性和特殊屬性,特殊屬性時某個或者某些標(biāo)簽所獨有的。
有些屬性可以是任意值,有些則必須是指定值。
全局屬性有:
class = " " class屬性用來為標(biāo)簽分組,擁有相同class屬性的 標(biāo)簽我們認(rèn)為就是一組,可以出現(xiàn)相同class屬 性,可以為一個元素指定多個class
id = " " id屬性作為標(biāo)簽的唯一標(biāo)識,在同一個網(wǎng)頁中不能 出現(xiàn)相同的id屬性值
style = "key1:value1,key2:value2" 設(shè)置CSS內(nèi)聯(lián)樣式
title = " " title屬性用來指定標(biāo)簽的標(biāo)題,指定title以后,鼠 標(biāo)移入到元素上方時,會出現(xiàn)提示文字
hidden = " " 該屬性為html5的新特性,僅有一個值: hidden 隱藏該元素。
特殊屬性例:
<table>標(biāo)簽中有 border,用來定義表格的邊框
--html結(jié)構(gòu)
如果我們要編寫html網(wǎng)頁,了解其結(jié)構(gòu)以及每個部分的功效都是必須的。
doctype聲明
一般來說,所有的html網(wǎng)頁最開始都會有<!DOCTYPE>聲明。他讓瀏覽器知道本網(wǎng)頁是由html的哪個版本編寫的。
Web 世界中存在許多不同的文檔。只有了解文檔的類型,瀏覽器才能正確地顯示文檔。
HTML 也有多個不同的版本,只有完全明白頁面中使用的確切 HTML 版本,瀏覽器才能完全正確地顯示出 HTML 頁面。這就是 <!DOCTYPE> 的用處。<!DOCTYPE> 不是 HTML 標(biāo)簽。它為瀏覽器提供一項信息(聲明),即 HTML 是用什么版本編寫的。
html5中的聲明:
<!docpype html>
head元素<head>元素是所有頭部元素的容器,也就是說<head>元素中可以嵌套許多其他頭部元素。<head>元素定義了關(guān)于html文檔的相關(guān)信息。<head> 內(nèi)的元素可包含腳本,指示瀏覽器在何處可以找到樣式表,提供元信息,等等。
最為常見的例子就是,<title>標(biāo)簽一般嵌套在<head>元素中。
<html><head> <title>This is a title</title></head><body><p>hello world</p></body></html>百度首頁中的頁面源碼有這樣一句:
<title>百度一下,你就知道</title>
這就是title元素的作用。
在<head>元素中還有很多的元素,但其中所涉及的知識暫時并沒有講到,所以后續(xù)章節(jié)中會介紹到。
<body>元素
<body>的屬性有很多,較為常見的
background: 設(shè)置背景圖片
bgcolor: 設(shè)置背景顏色
<body>元素跟網(wǎng)頁內(nèi)容相關(guān)性極大,一般情況下,網(wǎng)頁的內(nèi)容相關(guān)的元素都要嵌套在<body>元素下。
列舉幾個<body>中常見的嵌套元素:
<p>段落</p><h1>標(biāo)題格式</h1><html><body><h1>test</h1><p>hello world</p></body></html>瀏覽器顯示結(jié)果:
不論是<head>元素或者是<body>元素,這兩者在網(wǎng)頁編寫過程中都不是必需的。但一個健壯且豐富的網(wǎng)頁是離不開這兩個元素的。
新聞熱點
疑難解答