Scribd
Upload
7 views13 pages

psdc-150 - Session 02

Uploaded by

arsalrafique471
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
7 views13 pages

psdc-150 - Session 02

Uploaded by

arsalrafique471
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
You are on page 1/ 13

PSDC-150

WEB development with


HTML & CSS
HTML5 Fundamentals
What is Hyper Text Markup
Language?
HTML stands for Hyper Text Markup Language.
It is the standard markup language used to create web
pages.
HTML defines the structure and layout of a webpage
using a variety of elements and attributes.
HTML tags syntax
HTML elements are defined by tags enclosed in
angle brackets like <tagname>.

Most HTML elements have an opening tag and


a closing tag, with content between them.
Example: <p>This is a paragraph.</p>

Some elements are self-closing and do not


require a closing tag.
Example: <img src="image.jpg"
alt="Description" />
HTML common tags
● header
● nav
● li
● h1,h2..
● p
● button
● a
● div
● main
● section
● aside
● footer
For full list refer: https://www.w3schools.com/html/default.asp
Comment <!-- … -->
The comment tag is used to insert comments in
the source code

Comments are not displayed in the browsers.

You can use comments to explain your code,


which can help you when you edit the source
code at a later date. This is especially useful if
you have a lot of code.
Document Type Declaration
(DOCTYPE)
The DOCTYPE declaration defines the HTML
version being used.
It is placed at the beginning of the HTML
document before the <html> tag.

Example: <!DOCTYPE html>

The DOCTYPE declaration helps browsers


render the page correctly according to the
specified HTML version.
HTML Document Structure

The HTML document is wrapped in an <html>


element.
It consists of two main sections:
- <head> (metadata)
- <body> (content).
Head Section
The <head> section contains metadata and
links to external resources.
Metadata includes information like the page
title, character encoding, and viewport
settings.
External resources can include stylesheets,
scripts, and other documents.

Lets practice common head related tags..


Body Section
The <body> section contains the main content
of the web page.

It includes text, images, links, and other


elements that users interact with.

Lets practice common body related tags..


Summary
We've covered the basics of HTML, including syntax, document structure, and
the use of DOCTYPE declarations.

Understanding these concepts will help you create well-structured and


semantically meaningful web pages.

Practice creating HTML documents and experiment with different elements


and attributes to further enhance your skills.
The End

You might also like