學習HTML第一天

ㄓㄤ ㄩ發表於2020-10-29
HTML

1. 網頁的相關概念

     網頁有文字、圖片、連結、音訊、視訊等元素組成。

2. 常見的瀏覽器

瀏覽器核心
谷歌Blink
火狐Gecko
蘋果Webkit
IETrident
歐朋Blink

瀏覽器核心（渲染引擎）：解析程式碼，負責讀取網頁內容並且顯示網頁

3. web標準的構成

結構HTML網頁元素的結構和內容
表現CSS網頁的外觀和位置，包括版式、顏色、大小等
行為JS網頁的模式與互動

4. HTML

HTML是超文字標記語言，包含圖片、連結、音訊視訊等 。
HTML語法規範：
    01.所有標籤包含在 < > 中間
    02.雙標籤，大多數成對出現，例：<html></html>
    03.單標籤 ，例<br>
  標籤的關係：包含關係、並列關係。

5. HTML基本結構標籤

<html ></html>文件的宣告
<head></head>文件的頭部
<title></title>文件的標題
<body></body>文件主體

<html>
  <head>
   <title></title>
  </head>
  <body></body>
</html>

6. DOCTYPE和lang

<!DOCTYPE html>文件宣告，告訴瀏覽器當前頁面試H5的網頁。寫在頁面第一行。
<html lang=”en”>指定內容使用的語言 en英文 zh-CN中文
<meta charset=”UTF-8”> 編碼格式

7. HTML標籤

標題標籤：h1~h6
段落標籤：<p>顯示一段文字
換行標籤：<br> 將文字強行換行
文字格式化標籤：strong\b（加粗）、em\i（傾斜）、del\s（刪除）、ins\u（下劃線）.
div和span標籤：div一行只能放一個，span 一行可放多個
影像標籤：<img>
屬性 src（圖片路徑 必須寫）：指定影像檔案的路徑和檔名
alt（文字）：替換文字，影像不顯示是出現
title（文字）：提示文字，滑鼠停留時出現
width（寬度）：影像寬度
height（高度）：影像高度
Border（邊框）：邊框的粗細

8.路徑

01.相對路徑 相對於當前html檔案位置的某個檔案位置
同一路徑：直接寫檔名
上級檔案： …/
下級檔案：一個 /
02.絕對路徑 檔案或資料夾的絕對位置，能夠直接定位
8.連結標籤 <a> 從一個頁面連結跳轉到另一個頁面或者頁面其他位置

 <a href=”跳轉目標” target=”視窗開啟方式”>文字或影像</a>

01.target—> _self（預設當前視窗開啟）/ _blank（新視窗開啟）
02.href—>外部連結 <a href="http://www.baidu.com"></a>
—>內部連結<a href="路徑/XXX.html"></a>
—>空連結 #表示,點選不跳轉，但會重新整理頁面
錨點連結：實現當前頁面中不同位置的跳轉
第一步–> <p id=”錨點名稱”></p>
第二步–> <a href=”#錨點名稱”></a>

相關文章