Quest Academy

Basic HTML and HTML5

Introduction to Basic HTML & HTML5

HTML หรือ HyperText Markup Language เป็นภาษามาร์กอัปที่ใช้อธิบายโครงสร้างของเว็บเพจ โดยใช้ syntax หรือ สัญกรณ์พิเศษ เพื่อจัดระเบียบของเนื้อหาข้อมูลเกี่ยวกับหน้า Page ไปยัง browser องค์ประกอบมักจะมีแท็กเปิดและแท็กปิดที่ล้อมรอบ และ ให้ความหมายกับเนื้อหา ตัวอย่างเช่น มีตัวเลือกแท็กที่แตกต่างกันในการวางรอบข้อความเพื่อแสดงอันไหนเป็นย่อหน้าหรือรายการ.

ตัวอย่างเช่น:

<h1>Top level heading: Maybe a page title</h1>

<p>A paragraph of text. Some information we would like to communicate to the viewer. This can be as long or short as we would like.</p>

<ol>
  <li>Number one on the list</li>
  <li>Number two</li>
  <li>A third item</li>
</ol>

แสดงผลเป็น:

Top level heading: Maybe a page title

A paragraph of text. Some information we would like to communicate to the user. This can be as long or short as we would like.

  1. Number one on the list
  2. Number two
  3. A third item

ส่วนของ Hyper Text ของ HTML มาจากยุคแรก ๆ ของเว็บและกรณีการใช้งานดั้งเดิม โดยปกติ Page จะมีเอกสารแบบคงที่ซึ่งมีการอ้างอิงถึงเอกสารอื่น ๆ การอ้างอิงเหล่านี้จะลิงก์ Hyper Text ที่ Browser ใช้เพื่อนำทางไปยังเอกสารอ้างอิงเพื่อให้ผู้ใช้สามารถอ่านเอกสารอ้างอิงได้โดยไม่ต้องค้นหาด้วยตนเอง

เนื่องจากหน้าเว็บและเว็ปแอปพลิเคชั่นมีความซับซ้อนมากขึ้น W3 Consortium จึงอัปเดทข้อกำหนด HTML เพื่อให้แน่ใจว่าหน้าเว็บสามารถแสดงได้อย่างน่าเชื่อถือบน Browser ใด ๆ HTML เวอร์ชั่นล่าสุด คื HTML5

ส่วนนี้จะแนะนำวิธีการใช้องค์ประกอบของ HTML เพื่อให้โครงสร้างและความหายแก่เนื้อหาเว็บของคุณ

 

Basic HTML and HTML5

Say Hello to HTML Elements

Headline with the h2 Element

Inform with the Paragraph Element

Fill in the Blank with Placeholder Text

Uncomment HTML

Comment out HTML

Delete HTML Elements

Introduction to HTML5 Elements

Add Images to Your Website

Link to External Pages with Anchor Elements

Link to Internal Sections of a Page with Anchor Elements

Nest an Anchor Element within a Paragraph

Make Dead Links Using the Hash Symbol

Turn an Image into a Link

Create a Bulleted Unordered List

Create an Ordered List

Create a Text Field

Add Placeholder Text to a Text Field

Create a Form Element

Add a Submit Button to a Form

Use HTML5 to Require a Field

Create a Set of Radio Buttons

Create a Set of Checkboxes

Check Radio Buttons and Checkboxes by Default

Nest Many Elements within a Single div Element

Declare the Doctype of an HTML Document

Define the Head and Body of an HTML Document

Be the first to add a review.

Please, login to leave a review
Add to Wishlist

Archive

Price:
Free