麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網(wǎng)站 > WEB開發(fā) > 正文

HTML概括

2024-04-27 15:16:47
字體:
供稿:網(wǎng)友

html概括

什么是html? HTML(Hypertext Markup Language) 超文本標(biāo)記語言。標(biāo)記語言:標(biāo)記語言就是讓文本展示更豐富,更美觀的一種語言。比如說文本加粗 更換顏色 斜體……

而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>元素中。

復(fù)制代碼
<html><head>    <title>This is a title</title></head><body><p>hello world</p></body></html>復(fù)制代碼

百度首頁中的頁面源碼有這樣一句:

<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>復(fù)制代碼
<html><body><h1>test</h1><p>hello world</p></body></html>復(fù)制代碼

瀏覽器顯示結(jié)果:

不論是<head>元素或者是<body>元素,這兩者在網(wǎng)頁編寫過程中都不是必需的。但一個健壯且豐富的網(wǎng)頁是離不開這兩個元素的。

 


上一篇:29.彈出層

下一篇:html之表單標(biāo)簽

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 精品一区二区三区免费爱 | 一本色道久久综合亚洲精品小说 | 国产一区二区三区撒尿在线 | 3344永久免费 | 国产精品99免费视频 | 在线观看国产一区二区三区 | 成人在线观看免费 | 国产精品久久久久久久久久三级 | 久久久久久久久久久高潮一区二区 | 中文字幕极速在线观看 | 国产91影院 | 日韩精品网站在线观看 | 色无极影院亚洲 | 国产人妖一区二区 | 在线观看国产一区二区三区 | 精品一区二区三区欧美 | a网在线 | 天堂成人一区二区三区 | 久久国产精品一区 | 午夜在线成人 | 91久久精品一区二区 | 日韩精品a在线观看 | 一级免费观看 | 亚洲一区二区三区视频免费 | 一级α片免费看 | 国产1区2区在线 | 操操电影| 久久国产夫妻视频 | 91在线色| 国产成人综合在线观看 | 一区二区三区日韩精品 | 黄a大片| 国产亚洲欧美日韩高清 | 久久精品国产一区二区电影 | 精品国产一区二区三区成人影院 | 免费激情网址 | 久久精品成人 | 黄色网址在线播放 | 久久69精品久久久久久国产越南 | 欧美黄色视屏 | 欧美羞羞视频 |