HTML.ppt this is about html introduction elelments of a web page, structure and an example
edieali1
8 views
7 slides
May 08, 2024
Slide 1 of 7
1
2
3
4
5
6
7
About This Presentation
html intro
Slide Content
Web Development: Introduction to HTML
Syllabus reference (6.2):
Syllabus reference (6.2):
2
6.2.1 Understanding HTML
Awebsiteisacollectionofrelatedwebpagesandthe
languageusedtogenerateawebpageiscalledasHTML
whichistheabbreviationofHyperTextMarkupLanguage.
6.2.1 Understanding HTML
Awebsiteisacollectionofrelatedwebpagesandthe
languageusedtogenerateawebpageiscalledasHTML
whichistheabbreviationofHyperTextMarkupLanguage.
3
HTML is an abbreviation:
Markup Language:
Markup Languages which are used to describe a
document (here webpage) and describe means to create
(the object / elements) and format the document. HTML
lies in this category. For example, like <h1> this is my
text </h1>.
In this example, this is my text is marked up with h1
element.
Hypertext: with the help of anchor element, HTML
changes simple text into hypertext that allows for linking to
other documents or resources. For example “click here”.
HTML is an abbreviation:
Markup Language:
Markup Languages which are used to describe a
document (here webpage) and describe means to create
(the object / elements) and format the document. HTML
lies in this category. For example, like <h1> this is my
text </h1>.
In this example, this is my text is marked up with h1
element.
Hypertext: with the help of anchor element, HTML
changes simple text into hypertext that allows for linking to
other documents or resources. For example “click here”.
4
6.2.3 Understanding HTML Tags
Asahumanbodyiscomposedofcells,HTMLiscomposedof
HTMLelementsconsistingoftagsenclosedinanglebrackets
like<head></head><body></body></html>.UsuallyHTML
elementshaveanopeningandaclosingtag.
Theseelementsmayhavesomefurtherpropertiescalledas
attributeswhichareusuallydescribedasname-valuepairsin
startingtag.Andelementmayalsocontainsomein-between
textorimage.Example:<h1align=”center”>MyText</h1>
AnHTMLelementhasthefollowingstructure:
SimpleTag:<Tag-Name>content</Tag-Name>
Example:<h1>Pakistan</h1>
TagwithAttribute:<bodybgcolor=“green”>Pakistanisour
country</body>
SomeHTMLtagssuchasareemptytagssuchas<br>which
meansthattheydon'trequireaclosingtag.
6.2.3 Understanding HTML Tags
Asahumanbodyiscomposedofcells,HTMLiscomposedof
HTMLelementsconsistingoftagsenclosedinanglebrackets
like<head></head><body></body></html>.UsuallyHTML
elementshaveanopeningandaclosingtag.
Theseelementsmayhavesomefurtherpropertiescalledas
attributeswhichareusuallydescribedasname-valuepairsin
startingtag.Andelementmayalsocontainsomein-between
textorimage.Example:<h1align=”center”>MyText</h1>
AnHTMLelementhasthefollowingstructure:
SimpleTag:<Tag-Name>content</Tag-Name>
Example:<h1>Pakistan</h1>
TagwithAttribute:<bodybgcolor=“green”>Pakistanisour
country</body>
SomeHTMLtagssuchasareemptytagssuchas<br>which
meansthattheydon'trequireaclosingtag.
5
6.2.2 Steps in creating a web page
Step 1: Text Editor
Start by simply creating a new blank le in a text editor of your choice. A simple
text editor like notepad can be used to start coding HTML for a web page.
Step 2: Write HTML code in Text Editor
Example:
6.2.2 Steps in creating a web page
Step 1: Text Editor
Start by simply creating a new blank le in a text editor of your choice. A simple
text editor like notepad can be used to start coding HTML for a web page.
Step 2: Write HTML code in Text Editor
Example:
6
Steps of routing:
Step 3: Save HTML Page Go to File menu and click on Save. Make sure to
provide .htm or .html extension for the file being saved. This will save the
document as a web page instead of a plain text file.
Step 4: View HTML Page in Browser Open the saved HTML le in your default
web browser. The web browser will automatically translate HTML codes to
correctly display
the web page.
Steps of routing:
Step 3: Save HTML Page Go to File menu and click on Save. Make sure to
provide .htm or .html extension for the file being saved. This will save the
document as a web page instead of a plain text file.
Step 4: View HTML Page in Browser Open the saved HTML le in your default
web browser. The web browser will automatically translate HTML codes to
correctly display
the web page.
7
Basic structure of a HTML page:
:Step 3: Save HTML Page Go to File menu and click on Save. Make sure to
provide .htm or .html extension for the file being saved. This will save the
document as a web page instead of a plain text file.
Step 4: View HTML Page in Browser Open the saved HTML le in your default
web browser. The web browser will automatically translate HTML codes to
correctly display
the web page.
Basic structure of a HTML page:
:Step 3: Save HTML Page Go to File menu and click on Save. Make sure to
provide .htm or .html extension for the file being saved. This will save the
document as a web page instead of a plain text file.
Step 4: View HTML Page in Browser Open the saved HTML le in your default
web browser. The web browser will automatically translate HTML codes to
correctly display
the web page.
Tags
Categories
TechnologyDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 8
- Slides 7
- Age 573 days
Related Slideshows
11
8-top-ai-courses-for-customer-support-representatives-in-2025.pptx
JeroenErne2
47 views
10
7-essential-ai-courses-for-call-center-supervisors-in-2025.pptx
JeroenErne2
47 views
13
25-essential-ai-courses-for-user-support-specialists-in-2025.pptx
JeroenErne2
37 views
11
8-essential-ai-courses-for-insurance-customer-service-representatives-in-2025.pptx
JeroenErne2
34 views
21
Know for Certain
DaveSinNM
21 views
17
PPT OPD LES 3ertt4t4tqqqe23e3e3rq2qq232.pptx
novasedanayoga46
26 views