html語言 課堂筆記

2022-08-17 08:39:22 字數 1408 閱讀 7410

一、瀏覽器的結構:

1、title(主題、題目)

2、url(**)

3、body(網頁內容)

瀏覽器是頁面的環境         頁面的副檔名:.html           應用的副檔名:.exe

常用的瀏覽器:ie  、360瀏覽器、谷歌瀏覽器、qq瀏覽器、uc瀏覽器

我們測試的時候用谷歌瀏覽器

html語言(超文字標記語言)

結構《標籤名》

段落常用快捷鍵:

ctrl+s 儲存

ctrl+c 複製

ctrl+v 貼上

ctrl+a 全選

國內的編碼是utf-8

網頁骨架:

文件型別申明是h5特有的

網頁標籤

頭部標籤

網頁標題標籤

主題標籤

二、標籤:

1、雙標籤

2、單(空)

標籤雙標籤:1、開始標籤

兩個標籤之間是內容

2、結束標籤

雙標籤有哪些?

html、title、head、body、h1--h6、p、a、b(加粗)、i(傾斜)sup(上標)、sub(下標)、em(小圖示的)、div(盒子標籤)、span(內斂標籤)等

單標籤有哪些呢?

、(分割線)、

(換行)、(網業元資訊)

標題標籤:

h1到h6

三、是資源  本地資源 網路資源

目錄:./為當前目錄     ../為上一級目錄

插入:img  為標籤名

src 為屬性

"   屬性值 "

屬性是的路徑

要設定的大小用:width(寬)、height(高)   單位為px

四、超連結

兩個屬性:

1、href   (需要跳轉的頁面位址)

2、target(跳轉頁面的開啟方式)

target有兩種方式:blank(點選鏈結是跳轉到另乙個頁面)

self   (點選鏈結在自身頁面跳轉)

id  是一種起名方式        例如  id="只能是英文"

只要使用id起的名字前面必須加#   

需要隱藏內容用快捷鍵:ctrl+?

設定樣式用在裡面加 

例如: 

五、網頁裡加**

table(**)

td(單元格)

tr(行)

border   決定邊框粗細的屬性

cell spacing   決定單元格空間的屬性

cellpadding   決定單元格內部的邊距屬性

**內新增**怎麼解決的餘白

vertical-align:middle

合併水平單元格用:colspan

合併垂直單元格用:rowspan

例如:3行3列

課堂筆記HTML入門筆記

1.筆記本工具 typroa 方便記錄說明文件,等內容 2.截圖工具的安裝 3.開發工具 網頁設計 一 html 簡介 此處為4級標題 1.html是什麼?此處為5級標題 幾級標題,就用幾個 快捷鍵是 ctrl 左邊的123 等數字幾,就有幾個 2.作用 3.html版本 4.副檔名 二 html文...

課堂筆記 Html01

1 bs cs 架構程式的區別 c s 發展歷史悠久 都要有圖形介面的客戶端 字元介面的伺服器 使用前必須安裝客戶端 功能強大 b c 隨著 web 技術發展而不斷發展的 一般只需要客戶使用 瀏覽器就可以訪問 功能現在也慢慢的強大起來。2 http 協議由歐洲的組織 w3c 制定的。url 超文字傳...

2023年HTML課堂筆記

元素 從開始標籤到結束標籤的所有 屬性 為元素提供附加資訊,以名稱 值對的形式出現 標籤分為 圍堵標籤 自閉和標籤 注意 本節筆記 圍堵標籤名稱用開始標籤表示,自閉和標籤用 標籤名 表示 注釋方式 html文件的根標籤 頭標籤 用於方便瀏覽器解析或搜尋引擎搜尋 引用外部樣式表 標題標籤 體標籤 ht...