H1 : HTML Basic

เวลา 2 คาบเรียน

What is HTML ?

HTML stands for Hyper Text Markup Language
HTML is the standard markup language for creating Web pages
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

Example

<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title</title>
<meta charset="utf-8">
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

Example Explained

The <!DOCTYPE html> declaration defines that this document is an HTML5 document
The <html> element is the root element of an HTML page
The <head> element contains meta information about the HTML page
The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)
The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
The <h1> element defines a large heading
The <p> element defines a paragraph

What is an HTML Element?

An HTML element is defined by a start tag, some content, and an end tag:

<tagname>Content goes here...</tagname>

The HTML element is everything from the start tag to the end tag:

<h1>My First Heading</h1>

<p>My first paragraph.</p>

<br>Thoengwit.ac.th</p>

HTML Page Structure

Below is a visualization of an HTML page structure:

Note: Only the content inside the <body> section (the white area above) will be displayed in a browser.

Active 1 : Mywebsite

1. ให้นักเรียนสร้างพื้นที่ในการเก็บงานของนักเรียน โดยให้มีโฟล์เดอร์หลักเป็น "s ตามด้วยรหัสนักเรียน" ในโฟล์เดอร์หลักให้มีโฟล์เดอร์รองเพื่อเก็บไฟล์รูปภาพเป็น "images" เก็บไฟล์วีดีโอเป็น "video"

2. ให้นักเรียนสร้างไฟล์ Html โดยให้เป็นชื่อไฟล์เป็น index.html

3. ให้แสดงไฟล์ index.html บนเว็บบราวเซอร์ โดยให้มีชื่อ-นามสกุล ชื่อเล่น อายุ อาหารที่ชอบ สัตว์เลี้ยงที่ชอบ แสดงบนเว็บบราวเซอร์ และหัวเว็บบราวเซอร์ให้แสดง "^..^ เพ็จแรกของฉัน"

เกณฑ์การให้คะแนน

1. ไม่ปฏิบัติกิจกรรมใดเลย 0 คะแนน
2. ปฏิบัติโดยให้ได้รับการช่วยเหลือจากครูผู้สอน 5 คะแนน
3. ปฏิบัติโดยได้รับการช่วยเหลือจากเพื่อน 8 คะแนน
4. ปฏิบัติด้วยตนเอง 10 คะแนน

Page updated

Report abuse

H1 : HTML Basic

What is HTML ?

Example

Example Explained

The <!DOCTYPE html> declaration defines that this document is an HTML5 document

The <html> element is the root element of an HTML page

The <head> element contains meta information about the HTML page

The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab)

The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.

The <h1> element defines a large heading

The <p> element defines a paragraph