HTML-網頁介紹

一、網頁

1.什么是網頁:

網站是指在因特網上根據一定的規則,使用 HTML 等制作的用于展示特定內容相關的網頁集合

網頁是網站中的一“頁”,通常是 HTML 格式的文件,它要通過瀏覽器來閱讀。

網頁是構成網站的基本元素,它通常由圖片、鏈接、文字、聲音、視頻等元素組成。通常我們看到的網頁,常見以 .htm 或 .html 后綴結尾的文件,因此將其俗稱為 HTML 文件。

2.什么是 HTML

HTML 指的是超文本標記語言 (Hyper Text Markup Language) ,它是用來描述網頁的一種語言。
HTML 不是一種編程語言,而是一種標記語言 (markup language)
標記語言是一套標記標簽 (markup tag)。

所謂超文本,有 2 層含義:
1. 它可以加入圖片、聲音、動畫、多媒體等內容(超越了文本限制 )。
2. 它還可以從一個文件跳轉到另一個文件,與世界各地主機的文件連接(超級鏈接文本 )。

3.網頁的形成

網頁是由網頁元素組成的,這些元素是利用 html 標簽描述出來,然后通過瀏覽器解析來顯示給用戶的。

前端人員開發代碼 ----> 瀏覽器顯示代碼(解析、渲染) -----> 生成最后的 Web 頁面?

4.網頁總結

網頁是圖片、鏈接、文字、聲音、視頻等元素組成, 其實就是一個html文件(后綴名為html)

網頁生成制作: 有前端人員書寫 HTML 文件, 然后瀏覽器打開,就能看到了網頁.

HTML: 超文本標記語言, 用來制作網頁的一門語言. 有標簽組成的. 比如 圖片標簽 鏈接標簽 視頻標簽等…

二、常用瀏覽器

網頁是通過瀏覽器來展示的, 關于瀏覽器我們要介紹以下兩點:

1. 常用的瀏覽器

2. 瀏覽器內核

瀏覽器是網頁顯示、運行的平臺。常用的瀏覽器有 IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。 平時稱為五大瀏覽器。

查看瀏覽器市場份額:http://tongji.baidu.com/data/browser

1.瀏覽器內核

瀏覽器內核(渲染引擎): 負責讀取網頁內容,整理訊息,計算網頁的顯示方式并顯示頁面。

目前國內一般瀏覽器都會采用 Webkit/Blink 內核,如 360、UC、QQ、搜狗等。

三、Web 標準(重點)

接下來圍繞web標準,我們學習以下兩點: Web 標準是由 W3C 組織和其他標準化組織制定的一系列標準的集合。

W3C(萬維網聯盟)是國際最著名的標準化組織。

接下來圍繞web標準,我們學習以下兩點:

1. 為什么需要web標準

2. Web標準的構成?

1.為什么需要 Web 標準

瀏覽器不同,它們顯示頁面或者排版就有些許差異。

遵循 Web 標準除了可以讓不同的開發人員寫出的頁面更標準、更統一外,還有以下優點:
1. 讓 Web 的發展前景更廣闊。
2. 內容能被更廣泛的設備訪問。
3. 更容易被搜尋引擎搜索。
4. 降低網站流量費用。
5. 使網站更易于維護。
6. 提高頁面瀏覽速度。
?

2.Web 標準的構成

主要包括結構(Structure) 、表現(Presentation)和行為(Behavior)三個方面。

Web 標準提出的最佳體驗方案:結構、樣式、行為相分離

簡單理解: 結構寫到 HTML 文件中, 表現寫到 CSS 文件中, 行為寫到 JavaScript 文件中。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/897309.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/897309.shtml
英文地址,請注明出處:http://en.pswp.cn/news/897309.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Django模板語法及靜態文件

模板語法及靜態文件 1 多app創建 在主路由當中引入 include include()函數是Django.urls模塊中的一個函數,它的作用是在urls.py文件中引入其他應用的URL模式。 from django.urls import path, include創建多個app python manage.py startapp project_one python ma…

[PWNME 2025] PWN 復現

這種比賽得0也不容易,前邊暖聲還是能作的。 GOT 指針前溢出,可以溢出到GOT表,然后把后門寫上就行 Einstein 這個拿到WP也沒復現成,最后自己改了一下。 int __cdecl handle() {int offset; // [rsp8h] [rbp-38h] BYREFunsigne…

微信小程序將markdown內容轉為pdf并下載

要在微信小程序中將Markdown內容轉換為PDF并下載,您可以使用以下方法: 方法一:使用第三方API服務 選擇第三方API服務: 可以選擇像 Pandoc、Markdown-PDF 或 PDFShift 這樣的服務,將Markdown轉換為PDF。例如,PDFShift 提供了一個API接口,可以將Markdown內容轉換為PDF格式…

MongoDB(一) - MongoDB安裝教程(Windows + Linux)

文章目錄 前言一、Windows安裝單機MongoDB1. 下載并解壓MongoDB安裝包1.1 下載1.2 解壓1.3 相關文件介紹 2. 配置2.1 配置環境變量2.1.1 打開系統屬性設置2.1.2 編輯 PATH 環境變量2.1.3 驗證環境變量是否配置成功 2.2 創建相關目錄和文件2.3 修改MongoDB配置文件 mongodb.conf…

mybatis日期格式與字符串不匹配bug

異常特征:java.lang.IllegalArgumentException: invalid comparison: java.time.LocalDateTime and java.lang.String ### Error updating database. Cause: java.lang.IllegalArgumentException: invalid comparison: java.time.LocalDateTime and java.lang.Str…

【算法學習之路】5.貪心算法

貪心算法 前言一.什么是貪心算法二.例題1.合并果子2.跳跳!3. 老鼠和奶酪 前言 我會將一些常用的算法以及對應的題單給寫完,形成一套完整的算法體系,以及大量的各個難度的題目,目前算法也寫了幾篇,題單正在更新&#xf…

快速使用MASR V3版不能語音識別框架

前言 本文章主要介紹如何快速使用MASR語音識別框架訓練和推理,本文將致力于最簡單的方式去介紹使用,如果使用更進階功能,還需要從源碼去看文檔。僅需三行代碼即可實現訓練和推理。 源碼地址:https://github.com/yeyupiaoling/MA…

C語言_數據結構總結5:順序棧

純C語言代碼,不涉及C 想了解鏈式棧的實現,歡迎查看這篇文章:C語言_數據結構總結6:鏈式棧-CSDN博客 這里分享插入一下個人覺得很有用的習慣: 1. 就是遇到代碼哪里不理解的,你就問豆包,C知道&a…

2021 年 6 月青少年軟編等考 C 語言六級真題解析

目錄 T1. 波蘭表達式T2. 多項式相加思路分析T3. 撲克牌排序思路分析T4. 表達式求值思路分析T1. 波蘭表達式 題目鏈接:SOJ D1087 此題為 2023 年 12 月三級第三題原題,見 2023 年 12 月青少年軟編等考 C 語言三級真題解析中的 T3。 T2. 多項式相加 題目鏈接:SOJ D1088 我…

AI數字人| Fay開源項目、UE5數字人、本地大模型

數字人實踐教程 本教程主要是講如何在本地UE部署Fay數字人的開源框架。 最終效果可以與人進行自然語言的對話,花了大概10個h的時間到,踩了很多坑,同樣想實現的朋友可以作為參考 參考文檔:Fay 數字人開源框架 - 飛書云文檔 官方的教…

網絡版漢譯英服務(muduo)

文章目錄 網絡版漢譯英服務(muduo)muduo庫muduo 庫是什么muduo 庫常見接口介紹muduo::net::EventLoopmuduo::net::TcpConnectionmuduo::net::TcpServermuduo::net::TcpClientmuduo::net::Buffer 漢譯英服務服務端客戶端 網絡版漢譯英服務(mud…

在ArcMap中通過Python編寫自定義工具(Python Toolbox)實現點轉線工具

文章目錄 一、需求二、實現過程2.1、創建Python工具箱(.pyt)2.2、使用catalog測試代碼2.3、在ArcMap中使用工具 三、測試 一、需求 通過插件的形式將點轉線功能嵌入ArcMap界面,如何從零開始創建一個插件,包括按鈕的添加、工具的實…

C++之序列容器(vector,list,dueqe)

1.大體對比 在軟件開發的漫長歷程中,數據結構與算法始終占據著核心地位,猶如大廈的基石,穩固支撐著整個程序的運行。在眾多編程語言中,數據的存儲與管理方式各有千秋,而 C 憑借其豐富且強大的工具集脫穎而出&#xff…

【學習筆記】【DeepSeek AI 醫生】2-2 AI家庭醫生課程內容介紹

【DeepSeek AI 醫生】2-4 項目詳細分析及DeepSeek適用場景 一、Ollama部署二、可視化UI三、構建項目環境四、搭建項目架構五、Spring Al六、SSE服務端推送事件七、數據持久化八、線上部署 一、Ollama部署 Mac部署windows 部署ollama腳本、常用命令DeepSeek 提示詞、角色、適用…

STM32 I2C驅動開發全解析:從理論到實戰 | 零基礎入門STM32第五十步

主題內容教學目的/擴展視頻I2C總線電路原理,跳線設置,I2C協議分析。驅動程序與調用。熟悉I2C總線協議,熟練調用。 師從洋桃電子,杜洋老師 📑文章目錄 引言一、I2C驅動分層架構二、I2C總線驅動代碼精析2.1 初始化配置&a…

Vercel Serverless

1. 引言 現代應用程序是為適應當前技術環境需求而設計的軟件,采用現代開發工具和實踐,針對云部署和可擴展性優化。它們由多個模塊化小組件組成,便于集成和縮放,具有高度的敏捷性和適應性,能快速響應用戶或業務需求變化…

國產操作系統之系統分區及分區的作用

國產操作系統之系統分區及分區的作用和掛載 Linux的系統分區跟Windows有著本質區別,在windows中大家知道c盤一般為系統盤,除c盤系統盤外,我們再分為D、E等文件存儲盤,而在Linux中雖然是以文件目錄著稱的系統,但思路也一樣的,比如針對系統分區中 /home、/var 和 /opt 等文…

字節碼是由什么組成的?

Java字節碼是Java程序編譯后的中間產物,它是一種二進制格式的代碼,可以在Java虛擬機(JVM)上運行。理解字節碼的組成有助于我們更好地理解Java程序的運行機制。 1. Java字節碼是什么? 定義 Java字節碼是Java源代碼經過…

微前端框架 Qiankun 的應用及問題分析

一、Qiankun 的核心應用場景與優勢 多技術棧共存與靈活集成 Qiankun 支持主應用與子應用使用不同技術棧(如 Vue、React、Angular 等),通過 HTML Entry 方式接入子應用,無需深度改造子應用即可實現集成,降低了技術遷移成…

function uuid_generate_v4()不存在(二)

說明:之前代碼里用到了postgresql內嵌函數uid_generate_v4()生成記錄的主鍵,提示該函數不存在,寫了下面這篇博客記錄了一下,今天又發現了新的問題,于是補充了這篇博客。 function uuid_generate_v4()不存在&#xff0…