html的介紹及經常使用標籤

時間 2021-01-18

標籤 html 瀏覽器網絡佈局網站 url spa code htm 圖片欄目 HTML 简体版

原文原文鏈接

什麼是HTML?

HTML: ( Hypertext Markup Language )超文本標記語言，是一種標識性的語言。它包括一系列標籤．經過這些標籤能夠將網絡上的文檔格式統一，使分散的Internet資源鏈接爲一個邏輯總體。html

特色:瀏覽器

簡易性：超級文本標記語言版本升級採用超集方式，從而更加靈活方便;
可擴展性：超級文本標記語言的普遍應用帶來了增強功能，增長標識符等要求，超級文本標記語言採起子類元素的方式，爲系統擴展帶來保證;
平臺無關性：雖然我的計算機大行其道，但使用MAC等其餘機器的大有人在，超級文本標記語言能夠使用在普遍的平臺上;
通用性：另外，HTML是網絡的通用語言，一種簡單、通用的全置標記語言。它容許網頁製做人創建文本與圖片相結合的複雜頁面，這些頁面能夠被網上任何其餘人瀏覽到，不管使用的是什麼類型的電腦或瀏覽器;

HTML的基本結構：

HTML文檔結構基本由如下四部分組成:網絡

（1）文檔聲明：標誌是：<!DOCTYPE HTML> ，聲明這是一個HTML文檔。佈局

（2）html標籤對：標誌是：<html></html> ，標籤的做用至關於程序在告訴網頁瀏覽器，整個網頁是從<html>這裏開始的，而後到</html>結束。網站

（3）head標籤對：標誌是：<head></head>，head標籤是頁面的頭部。url

（4）body標籤對：標誌是：<body></body>，body標籤是頁面的身體，通常網頁絕大多數的標籤代碼都是在這裏進行編寫。spa

經常使用標籤：

<div>標籤和<span>標籤：code

<div> 和 <span> 是沒有語義的，它們就是一個盒子，用來裝內容的。htm

<div> 這是div標籤 </div>
<span> 這是span標籤 </span>

特色：
1）<div> 標籤用來佈局，可是如今一行只能放一個<div>。
2）<span> 標籤用來佈局，一行上能夠多個 <span>。圖片

圖像標籤：

在 HTML 標籤中，<img> 標籤用於定義 HTML 頁面中的圖像。

<img src="圖像URL" />

img 是單詞 image 的縮寫，意爲圖像。src 是<img>標籤的必須屬性，它用於指定圖像文件的路徑和文件名。

代碼示例:

<img src="./img/1.gif" alt="松鼠">

<img> 標籤必需的屬性:

alt：規定圖像的替代文本。
src：規定顯示圖像的 URL。

url能夠使用絕對路徑或者相對路徑：

絕對路徑：是指目錄下的絕對位置，直接到達目標位置，一般是從盤符開始的路徑。
相對路徑：是從代碼所在的這個文件出發，去尋找目標文件的，而咱們這裏所說的上一級、下一級和同一級就是圖片相對於 HTML 頁面的位置。

<!-- 相對路徑寫法 -->
<!-- ./ 表示當前文件所在目錄，即G:/images/ -->
<!-- ./可省略不寫 -->
<img src = "logo.png"/>
<img src = "./logo.png"/>

<!-- ../ 表示當前文件所在目錄的上級目錄，即G:/ -->
<img src = "../images/logo.png"/>

<!-- /表示根路徑，即G:/ -->
<img src = "/images/logo.png"/>

<img> 經常使用屬性:

align ：規定如何根據周圍的文原本排列圖像。
border ：定義圖像周圍的邊框。
height：定義圖像的高度。
width：設置圖像的寬度。

超連接

超連接可讓咱們從一個頁面跳轉到其餘頁面，或者是當前頁面的其餘的位置.

超連接的語法格式:

<a href="跳轉目標" target="目標窗口的彈出方式"> 文本或圖像 </a>

經常使用屬性:

href：URL 規定連接指向的頁面的 URL。
hreflang：規定被連接文檔的語言。
rel：規定當前文檔與被連接文檔之間的關係。
target：規定在何處打開連接文檔。
type：規定被連接文檔的的 MIME 類型。

連接分類:

外部連接:
例:

< a href="http:// www.baidu.com"> 百度</a >。

內部連接:網站內部頁面之間的相互連接. 直接連接內部頁面名稱便可，

例:

< a href="index.html"> 首頁 </a >。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。