Lesson 2
Lesson 2: Element ແລະ Attribute
- HTML Paragraphs
<p>ນີ້ແມ່ນວັກໜັງສື.</p>
<p>ອີກວັກໜຶ່ງ.</p>
- HTML Links
ແທັກ <a> ແມ່ນກໍານົດການລິງໃນພາສາ HTML :
ຕົວຢ່າງ:
<a href="https://www.google.com">ລິງຫາ Google</a>
ການກໍານົດປາຍທາງໃຊ້ ແອັດທຣິບບິວທີ່ຊື່: href .
- HTML Images
ແທັກ <img> ກໍານົດການສະແດງຮູບພາບ ເຊິ່ງປະກອບມີ ແອັດທຣິບບິວຄື: src, alt, width, and height
<img src="Me.jpg" alt="For my web" width="104" height="142">
- HTML Styles
ແທັກ style ຖືກນໍາໃຊ້ເພື່ອກໍານົດຮູບແບບຂອງ Elements ເຊັ່ນ: color, font, size, and ອື່ນໆ.
<ຊື່ແທັກ style="property:value;">
ຕົວຢ່າງ 1
<body style="background-color:powderblue;">
<h1>ຫົວຂໍ້</h1>
<p>ວັກໜັງສື.</p>
</body>
ຕົວຢ່າງ 2
<body>
<h1 style="background-color:powderblue;">ນີ້ແມ່ນຫົວຂໍ້</h1>
<p style="background-color:tomato;">ນີ້ແມ່ນວັກໜັງສື.</p>
</body>
ນັກສຶກສາຂຽນຕົວຢ່າງຂ້າງລຸ່ມນີ້
<h1 style="color:blue;">ຫົວຂໍ້</h1>
<p style="color:red;">ວັກໜັງສື.</p>
<h1 style="font-family:verdana;">ຫົວຂໍ້</h1>
<p style="font-family:courier;">ວັກໜັງສື.</p>
<h1 style="font-size:300%;">ຫົວຂໍ້</h1>
<p style="font-size:160%;">ວັກໜັງສື.</p>
ໃຊ້ແອັດທຣິບບິວ style ເພື່ອກໍານົດຮູບແບບຂອງ HTML elements
ໃຊ້ background-color ເພື່ອກໍານົດສີພື້ນ
ໃຊ້ color ເພື່ອກໍານົດສີຂໍ້ຄວາມ
ໃຊ້ font-family ເພື່ອກໍານົດຮູບແບບຕົວອັກສອນຂອງຂໍ້ຄວາມ
ໃຊ້ font-size ເພື່ອກໍານົດຂະໜາດຕົວອັກສອນຂອງຂໍ້ຄວາມ
ໃຊ້ text-align ເພື່ອກໍານົດຕໍາແໜ່ງຕົວອັກສອນຂອງຂໍ້ຄວາມ
HTML Formatting Elements
Formatting elements ເພື່ອສະແດງຮູບແບບພິເສດຂອງຂໍ້ຄວາມ
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text
ນັກສຶກສາສະແດງຜົນຕົວຢ່າງລຸ່ມນີ້
<b>This text is bold</b>
<strong>This text is important!</strong>
<i>This text is italic</i>
<em>This text is emphasized</em>
<small>This is some smaller text.</small>
<p>Do not forget to buy <mark>milk</mark> today.</p>
<p>My favorite color is <del>blue</del> red.</p>
p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
<p>This is <sub>subscripted</sub> text.</p>
ຄໍາຖາມ
ຊຸດຄໍາສັ່ງໃນພາສາ HTML ມີຈັກພາກສ່ວນ? ພາກສ່ວນໃດແດ່?
Element ຂອງພາສາ HTML ແມ່ນຫຍັງ?
ແອັດທຣິບບິວແມ່ນຫຍັງ?
ແອັດທຣິບບິວ <style> ຖືກນໍາໃຊ້ເພື່ອຫຍັງ?
ຈົ່ງບອກວິທີການກໍານົດສີພື້ນຂອງ Web Page.
ຈົ່ງອະທິບາຍວິທີການກໍານົດຮູບແບບຂອງຂໍ້ຄວາມຕ່າງໆ.
ຈົ່ງອະທິບາຍການນໍາໃຊ້ format Element