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