Scribd
Upload
13 views

HTML Slide

This document provides an introduction to basic HTML elements and tags for beginners. It explains that HTML is a markup language used to create web pages and defines common elements like headings, paragraphs, images, links, lists, tables, forms and div containers. It provides syntax examples for each element discussed.

Uploaded by

Kim Sor
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
13 views

HTML Slide

This document provides an introduction to basic HTML elements and tags for beginners. It explains that HTML is a markup language used to create web pages and defines common elements like headings, paragraphs, images, links, lists, tables, forms and div containers. It provides syntax examples for each element discussed.

Uploaded by

Kim Sor
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

.

Web Design for Beginner(HTML)


 និយមន័យ:
HTML គឺជាភាសាមួយសម្រាប់ធ្វើការបង្កើតជា WEB PAGE។ពាក្យពេញរបស់
HTML គឺHYPER TEXT MARKUP LANGUAGE។ HTML មិនមែនជា​​
PROGRAMMING LANGUAGE វិញនោះទេ វាគឺជាMARKUP LANGUAGE។
MAKEUP LANGUAGEគឺជាសំណុំ នៃ MARKUP TAG ឬTAG (ឧ.៖ <P> </P>, <B>
</B>, <CENTER> </CENTER>)។ HTML ប្រើប្រាស់MAKEUP TAG ដើម្បីបង្កើត
គេហទំព័រ។
.
●​​HTML Heading
<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>
● HTML Paragraph
<!DOCTYPE html>
<html>
. <body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>

The HTML <p> element defines a paragraph.


● HTML Element
● HTML Attribute

Attribute គឺជាមុខងារមួយរបស់ Element ដែលវាមានតួនាទីដើម្បីជួយ


សម្របសម្រួលលក្ខណៈផ្សេងៗទៅឲ្យ Element។
● HTML Formatting
<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>
<mark>Marked text</mark>
<del>Deleted text</del>
<p>This is <sub>subscripted</sub> text.</p>
<p>This is <sup>superscripted</sup> text.</p>
● HTML Image
The HTML <img> tag is used to embed an image in a web page.
The <img> tag is empty, it contains attributes only, and does not have a closing tag.
.
The <img> tag has two required attributes:

src - Specifies the path to the image


alt - Specifies an alternate text for the image

** Syntax
<img src="url" alt="alternatetext">
● HTML Link

.
HTML links are hyperlinks.

We can click on a link and jump to another document.


** Syntax
<a href="url">link text</a>
**Example
<a href="https://www.google.com/">Google</a>
● HTML Table Example:
<table>
<tr>
. <th>Person 1</th>
<th>Person 2</th>
A table in HTML consists of table cells inside rows and <th>Person 3</th>
columns
</tr>
=>Table Rows
Each table row starts with a <tr> and end with a </tr> tag.
<tr>
=>Table Cells <td>Emil</td>
Each table cell is defined by a <td> and a </td> tag. <td>Tobias</td>
=>Table Headers <td>Linus</td>
Sometimes you want your cells to be headers, in those cases use </tr>
the <th> tag instead of the <td> tag: <tr>
<td>16</td>
<td>14</td>
<td>10</td>
</tr>
</table>
● HTML List
There are 2 type of HTML lists
1-Unordered list
. An Unordered list starts with the <ul> tag. Each list item starts with
the <li> tag.

Example:
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
.

2-Ordered List
The HTML <ol> tag defines an ordered list
.

• Example:

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
● HTML Block Element
The <div> Element
The <div> element is often used as a container for other HTML elements.

. The <div> element has no required attributes, but style, class and id are common.

When used together with CSS, the <div> element can be used to style blocks of content.

Example:
<div style="background-color:black;color:white;padding:20px;">
<h2>London</h2>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan
area of over 13 million inhabitants.
</p>
</div>
● HTML Forms
The HTML <form> element is used to create an
HTML form for user input:
.

Example:

<form>
<label >First name:</label><br>
<input type="text" ><br>
<label >Last name:</label><br>
<input type="text" >
</form>

You might also like