Lesson 1: Introduction
ບົດທີ 1: ແນະນໍາກ່ຽວກັບພາສາ HTML
- HTML ແມ່ນຫຍັງ?
HTML ຫຍໍ້ມາຈາກ HyperText Markup Language
HTMLແມ່ນມາດຕະຖານຂອງ markup language ສໍາລັບການສ້າງ Web pages
HTML ອະທິບາຍໂຄງສ້າງຂອງ a Web page
HTML ປະກອບດ້ວຍຊຸດຂອງ elements
HTML elements ບອກ browser ເຖິງວິທີທີ່ຈະສະແດງເນື້ອຫາ
- ໂຄງສ້າງພາສາ HTML ພື້ນຖານ
ກ. ຕົວຢ່າງ
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
ຂ. ຄໍາອະທິບາຍ
The <!DOCTYPE html> ກໍານົດວ່າເອກະສານເປັນພາສາ HTML5
The <html> element ເປັນໂຄງສ້າງພື້ນຖານຂອງ an HTML page
The <head> element ບັນຈຸ meta-information ກ່ຽວກັບ the HTML page
The <title> element ລະບຸຊື່ສໍາລັບ the HTML page (ເຊິ່ງສະແດງຢູ່ແຖບດ້ານເທິງຂອງ browser)
The <body> element ກໍານົດຮູບຮ່າງຂອງເອກະສານ ແລະ ເປັນໂຄງສ້າງສໍາລັບການສະແດງເນື້ອຫາທັງໝົດເຊັ່ນ: ຫົວຂໍ້, ວັກໜັງສື, ຮູບພາບ, ຕາຕະລາງ ແລະອື່ນໆ.
- HTML Element ແມ່ນຫຍັງ?
An HTML element ຖືກກໍານົດດັ່ງລຸ່ມນີ້:
<tagname>Content goes here...</tagname>
<ຊື່ແທັກ>ເນື້ອຫາ</ຊື່ແທັກ>
The HTML element ແມ່ນທຸກຢ່າງທີີ່ຖືກນອນຢູ່ໃນແທັກເປີດ ຈົນເຖິງ ແທັກປິດ:
ຕົວຢ່າງ:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
- ແທັກ
ແທັກໃນພາສາ HTML ແບ່ງອອກເປັນ 2 ປະເພດຄື: ແທັກຄູ່ ແລະ ແທັກດ່ຽວ
ຕົວຢ່າງ:
ແທັກຄູ່ => <p> ປະກອບດ້ວຍແທັກປິດແລະແທັກປິດ</p>
ແທັກດ່ຽວ: <img src="picture.jpg">
ຕົວຢ່າງ:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<img src="picture.jpg" alt="Flower">
</body>
- Editor ແມ່ນຫຍັງ?
ເຄື່ອງມືທີ່ຖືກນໍາໃຊ້ສໍາລັບຂຽນພາສາພັດທະນາ
ຄໍາຖາມຄົ້ນຄວ້າ
ພາສາ HTML ແມ່ນຫຍັງ?
ໂຄວສ້າງຄໍາສັ່ງພາສາ HTML ຖືກເອີ້ນວ່າແນວໃດ?
ແທັກໃນພາສາ HTML ມີຈັກປະເພດ? ປະເພດໃດແດ່?
ແທັກ<!DOCTYPE html> ຖືກກໍານົດຂຶ້ນມາເພື່ອຫຍັງ?
ແທັກ <head> ຖືກກໍານົດຂຶ້ນມາເພື່ອຫຍັງ?
ແທັກ <body> ຖືກກໍານົດຂຶ້ນມາເພື່ອຫຍັງ?
Element ໃນພາສາ HTML ແມ່ນຫຍັງ?
ແທັກ <h1> ຖືກນໍາໃຊ້ເພື່ອກໍານົດຫຍັງ?
ແທັກ <p> ຖືກນໍາໃຊ້ເພື່ອກໍານົດຫຍັງ?
ຈົ່ງຂຽນເວັບໄຊທ໌ ສະແດງເນື້ອຫາ ທີ່ປະກອບມີ: ຫົວຂໍ້ ແລະ ວັກໜັງສື.
ຈົ່ງຂຽນເວັບໄຊທ໌ ສະແດງເນື້ອຫາ ທີ່ປະກອບມີ: ຮູບພາບ ແລະ ຄໍາອະທິບາຍ.