HTML概括

2024-04-27 15:16:47

字體：大中小

來源：轉載

供稿：網友

html概括

什么是html？ HTML（Hypertext Markup Language）超文本標記語言。標記語言：標記語言就是讓文本展示更豐富，更美觀的一種語言。比如說文本加粗更換顏色斜體……

而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>元素，這兩者在網頁編寫過程中都不是必需的。但一個健壯且豐富的網頁是離不開這兩個元素的。