Scribd
Upload
6 views3 pages

Beginner's Guide to HTML Web Design

The document provides a guide for creating a basic web page using HTML, detailing steps to create a file in Notepad or Visual Studio Code. It outlines the essential structure of an HTML document, including the <html>, <head>, and <body> tags, as well as the use of headings and paragraphs. Additionally, it encourages users to practice by writing their own web page and offers instructions for viewing the results.

Uploaded by

msbm83659
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views3 pages

Beginner's Guide to HTML Web Design

The document provides a guide for creating a basic web page using HTML, detailing steps to create a file in Notepad or Visual Studio Code. It outlines the essential structure of an HTML document, including the <html>, <head>, and <body> tags, as well as the use of headings and paragraphs. Additionally, it encourages users to practice by writing their own web page and offers instructions for viewing the results.

Uploaded by

msbm83659
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Web Design By: Ayman Salah

Web Design LAB1


Design first web page

0
Web Design By: Ayman Salah

Write your first web document (web page)


Steps:
1. By the notepad then change the extension from .txt to .html
2. By Visual Studio Code (Recommended)
Open vscode click at file then create new file  name the file by ([Link]) save it at
any folder.
___________________________
Structure of HTML
<html>
<head></head>
<body></body>
</html>

Any HTML document has a basic structure that consist of:


Document type doctype that defines the version of the html document
the <html> required root tag.
the <head> tag that consist of:
the <title> required tag for page title
other meta, link, style, etc
and <body> tag that contains the actual page presented to the user
all other tags are inside it

________________________________________________________________

Headings and Paragraph


HTML headings are titles or subtitles that you want to display on a webpage with <h1>
to <h6> tags
Paragraphs are plain text paragraphs defined with the <p> tag
There should be no more than one <h1> tag in the page as it is used to define the most
important title in the page

_________________________________________________________________

1
Web Design By: Ayman Salah

Now try to write and design your first web page by this code:

See the result of this code by:


Right click at ([Link])  Reveal in file explorer or SHIFT+ALT+R  double
click the file and see the new changes of your first web page!

______________________________________________________________________

Bonus Information
Lists tag:

You might also like