Hyper Text Markup
Language (HTML)
Made by Mohammed Raad
Contents of this Course
HTML What is HTML how is it being used? How can we learn it.
Text Editor What is a Text editor? How to use it?
HTML Structure How to write the syntax and structure of html?
HTML tags and element What are the HTML tags/element? How to write them
Course Objectives
HTML Structural tags
01 Understand the fundamentals of
HTML.
02 Understand the fundamentals of
HTML structural tags and learn to
use them
HTML Tags
03 Learn the objectives of tags
01
HTML
HTML: Hyper Text Markup Language, that can be viewed
using a web browser.
HTML
• First line of HTML should be <!doctype html> .
• Consists of markups tags.
• Not Case sensitive, <HTML> <hTMl> <html> are all the same.
• Creates simple text files using Text editors, (Sublime, notepad++).
02
Structural Tags
- What are structural elements.
Structural elements
• <Header>: defines the header of the web page.
• <nav> defines the navbar section of the web page.
• <article> defines the article section of the web.
• <section>: defines a different section or portion of the page.
• <aside>: defines a side of a section of the web page (sidebar).
• <footer>: defines the footer section of the page.
HTML Structure
● <!DOCTYPE html>
● <head>
● <title>Document</title>
● </head>
● <body>
● </body>
● </html>
03
HTML Tags
- What are tags and examples.
- What are HTML elements and examples.
- What are tag attributes and examples.
HTML Tags
Refer to pages 108 – 112 for better details and understanding
HTML Tags
• <p> to write a paragraph.
• <h1> to write headers, we have 6 total header the higher the
number the smaller the text.
• <br> to break the line and make a new one.
• <font>: a tag used to customize text in the web page.
• <A>: anchor tag used to create hyperlinks.
HTML Tags
• <ul> || <ol>: unordered or ordered list used to create different
kind of lists.
• <li>: list item in which are used inside of a list to create an
item.
HTML Tags
• <table> tag to create a table.
• <tr> a tag used in table tag to create a table row.
• <th> a tag used within table tag and table row to create a table
header.
• <td> a tag used within table tag and table row to create table
data.
HTML Tags
• <audio>: a tag to play an audio file in a web page.
• <video> a tag to play a video in a web page.
<audio || video>
<source src=“audifile.ogg” type=“”audio/ogg>
</audio || video>
HTML Attributes
Used to customize or help the tag work as they are intended:
• Bgcolor: to change the background color.
• Background: used to place an image in the background.
• Align || valign: to align horizontally or vertically.
• Height || width: to change the height or the width of the
element.
Conclusion
HTML HTML Structure
What does HTML Stand for? What are Text Editors?
HTML Tags
Name three tags and their
functionalities.
Alternative resources
Here’s an assortment of alternative resources
whose style fits the one of this creative template:
● W3School official website.
● Ask chatGpt questions.
Thanks!
Does anyone have any questions?
[email protected]
Website
CREDITS: This presentation template was created by Slidesgo, including icons by
Flaticon, and infographics & images by Freepik
Please keep this slide for attribution
