HTML基礎(一) - tw511教學網

平時我們在網上衝浪的時候,想必都見過網頁,一個個的網頁組成了我們所瀏覽的網站,用官方的話來講就是:網頁是構成網站的基本元素，是承載各種網站應用的平臺,網頁通常是HTML格式的檔案通過瀏覽器進行閱讀的,因此檔案的字尾一般均為.html或.htm我們所用的瀏覽器只是用來檢索、展示以及傳遞Web資訊資源的應用程式,想我們常用的瀏覽器有:IE瀏覽器,火狐瀏覽器,谷歌瀏覽器,360瀏覽器,搜狗瀏覽器等等

HTML

說完了網頁的組成,我們來詳細的談一談HTML檔案,HTML不是程式語言,而是一種超檔案標示語言(Hyper Text Markup Language)是用來描述網頁的語言,通俗來講標示語言就是一套標記的標籤

web標準

web標準是由W3C(全球資訊網聯盟)組織和其他標準化組織制定的一系列標準的集合
web標準的組成:結構,表現,行為

HTML的基本結構

<!DOCTYPE html>			檔案型別的宣告
<html lang="ch-ZH">			跟標籤:html		lang:定義檔案的顯示語言
<head>			頭部標籤:head
    <meta charset="UTF-8">			多個字元的集合,計算機能夠儲存和識別的文字
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML的基本結構</title>			檔案的標題:title
</head>
<body>			主體標籤:body
    
</body>
</html>

HTML檔案的字尾名必須是.html或htm瀏覽器讀取HTML檔案的內容,通過瀏覽器解析出來

HTML的常用標籤

<body>
    <h1>我的第一個網頁</h1>			h1~6標題標籤  有6個等級
    <h2>好好學習!天天向上!</h2>
    <strong>好好學習!天天向上!</strong>			字型加粗標籤
    <em>好好學習!天天向上!</em>			字型斜體標籤
    <del>好好學習!天天向上!</del>			刪除線標籤
    <ins>好好學習!天天向上!</ins>			下劃線標籤
    <br>			換行標籤  這是一個單標籤
    <p>好好學習!天天向上!</p>			段落標籤
</body>

在HTML檔案中影象採用的標籤是<img src="影象的URL" alt="">scr是img標籤的必須屬性
影象的URL採用絕對路徑或者相對路徑都可以!!
在這裡插入圖片描述
影象標案例
我的目標檔案下存在一個名為"你的名字.jpg"的圖片,將它顯示在網頁中

程式碼:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>範例</title>
</head>
<body>
    <img src="../vscode作業/2020.10.21/你的名字.jpg" alt="你的名字" title="你的名字" weight=400 height="400" border=5>
</body>
</html>

網頁結果:
在這裡插入圖片描述