👤
Novice Handbook
  • Novice Handbook
  • Guide
  • Internet และ Web
    • HTML
  • Computer Language
    • Basic Computer Language (LV.1)
    • C Language (LV.1)
    • Python3 (LV.1)
  • Operating System
    • Linux
      • Basic Linux (LV.1)
  • TOOLS
    • Text Editor
      • Vim Editor
    • Source Control
      • GitLab
        • GitLab for small site (LV.1)
    • Container
      • Docker
        • Docker (LV.1)
        • Docker (LV.2)
      • Kubernetes
        • Kubernetes Intro (LV.0)
        • Kubernetes Basic (LV.1)
        • Kubernetes Intermediate (LV.2)
        • Helm (LV.2)
        • RKE2 (LV.3)
        • K3S (LV.3)
        • K3D (LV.3)
    • Repository
      • Harbor
        • Harbor for small site (LV.1)
        • Harbor for enterprise (LV.2)
    • Database
      • Redis
        • Redis on Docker Compose (LV.1)
        • Redis on Kubernetes (LV.2)
      • Elastic Stack
        • Elasticsearch & Kibana for small site (LV.1)
    • Observability
      • Prometheus
        • Prometheus for small site (LV.1)
        • Prometheus Operator (LV.2)
    • Security
      • Certbot (LV.1)
      • Falco
      • Hashicorp Vault
    • Collaboration
      • Nextcloud
Powered by GitBook
On this page
  • Web มีวิวัฒนาการดังต่อไปนี้
  • WEB1.0
  • WEB2.0
  • WEB3.0
  • Markup Language
  • ตัวอย่างของ Markup Language

Was this helpful?

Internet และ Web

Internet คือโครงข่ายขนาดใหญ่ที่เชื่อมต่อคอมพิวเตอร์และอุปกรณ์ทั่วโลกผ่านระบบเครือข่ายต่าง ๆ เช่น โทรศัพท์สาย, เคเบิล, และดาวเทียม

Web หรือ World Wide Web คือหนึ่งในบริการที่ทำงานบนอินเทอร์เน็ต ซึ่งใช้เพื่อเข้าถึงข้อมูลและบริการต่าง ๆ ผ่านโปรโตคอล HTTP (Hypertext Transfer Protocol)

นอกจาก Web แล้ว Internet ยังมีบริการอื่น ๆ เช่น

  • Email (อีเมล)

  • FTP (File Transfer Protocol สำหรับการส่งไฟล์)

  • VoIP (Voice over IP สำหรับการโทรผ่านอินเทอร์เน็ต)

  • Instant Messaging (การส่งข้อความแบบทันที)

  • การสตรีมวิดีโอและเพลง (YouTube, Spotify)

  • การเล่นเกมออนไลน์ (Online gaming)

Web มีวิวัฒนาการดังต่อไปนี้

WEB1.0

ประมาณปี ค.ศ. 1990 – 2000

เป็นยุคแรกของเว็บที่เน้นเนื้อหาแบบ Static ส่วนใหญ่เป็นเว็บเพจที่แสดงผลข้อมูลอย่างเดียว ผู้ใช้ทำได้แค่อ่าน ไม่มีการโต้ตอบหรือปรับเปลี่ยนข้อมูล

ตัวอย่างเช่น HTML, CSS

WEB2.0

ประมาณปี ค.ศ. 2000 - ปัจจุบัน

เป็นยุคของเว็บแบบ Dynamic ที่เน้นการโต้ตอบระหว่างผู้ใช้กับเว็บไซต์ รวมถึงระหว่างผู้ใช้ด้วยกัน

ตัวอย่างเช่น AJAX, Javascript, HTML5

WEB3.0

ประมาณปี ค.ศ. 2020 - ปัจจุบัน

Web3.0 ถูกออกแบบมาให้เป็นเว็บแบบกระจายศูนย์ (Decentralized Web) ซึ่งข้อมูลและแอปพลิเคชันจะไม่ขึ้นกับเซิร์ฟเวอร์กลาง แต่ใช้เทคโนโลยี Blockchain และ AI เพื่อให้ผู้ใช้ควบคุมข้อมูลของตนได้อย่างเต็มที่

Markup Language

Markup Language คือชุดของกฎที่ใช้ในการกำหนดโครงสร้างและรูปแบบของข้อมูลในเอกสาร โดยเฉพาะการแสดงผลของข้อมูลในเอกสารนั้น ๆ ภาษาเหล่านี้ถูกออกแบบมาเพื่อกำหนดว่าข้อความบางส่วนควรถูกแสดงผลอย่างไร และมีการใช้เครื่องหมายพิเศษ (Markup) ในการบอกเบราว์เซอร์หรือโปรแกรมประมวลผลถึงลักษณะการจัดรูปแบบของเอกสาร

ตัวอย่างของ Markup Language

HTML (Hypertext Markup Language)

<html>
  <head>
    <title>My Website</title>
  </head>
  <body>
    <h1>Welcome to My Website</h1>
    <p>This is a paragraph of text.</p>
    <a href="https://www.example.com">Click here to visit Example</a>
  </body>
</html>

XML (eXtensible Markup Language)

<book>
  <title>Learning XML</title>
  <author>John Doe</author>
  <year>2024</year>
</book>

Markdown

# Heading 1
This is a **bold** text and this is *italic* text.
- List item 1
- List item 2
[Click here to visit Example](https://www.example.com)

LaTeX

\documentclass{article}
\begin{document}
\title{My First LaTeX Document}
\author{John Doe}
\date{\today}
\maketitle
\section{Introduction}
This is an introduction to LaTeX.
\end{document}

PreviousGuideNextHTML

Last updated 7 months ago

Was this helpful?