Scribd
Upload
11 views

SESSION

Uploaded by

himakishk55
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
11 views

SESSION

Uploaded by

himakishk55
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/ 16

SESSION[1]

1. Recap
File Structure
<html>

<head> <body>

<title> <meta> <h1> <p>


1. Recap
HTML Anatomy
Element
Opening Tag

Attribute Closing Tag

Attribute Attribute
Name Value
1. Recap
2. HTML Elements
classes & ids
The class attribute is often used to point to
a class name in a style sheet. It can also be
used by a JavaScript to access and manipulate
elements with the specific class name.

The id attribute specifies a unique id for an


HTML element. The value of the id attribute
must be unique within the HTML document.
2. HTML Elements
hyperlink
2. HTML Elements
Hyperlinks as buttons!
3. Block & Inline
A block-level element always starts on a new line,
and the browsers automatically add some space (a
margin) before and after the element.

A block-level element always takes up the full width


available (stretches out to the left and right as
far as it can).

Two commonly used block elements are: <p> and <div>.


3. Block & Inline

An inline element does not start on a new line.

An inline element only takes up as much width as


necessary.

Two commonly used inline elements are: <a> and <img>.


2. HTML Elements
div

The <div> element is used as a container for other HTML elements.


is by default a block element, meaning that it takes all
available width, and comes with line breaks before and after.
2. HTML Elements
span
4. HTML Semantic Elements
A semantic element clearly describes
its meaning to both the browser and
the developer. Ex. <header>, <article>

Non-semantic element tells nothing


about its content. Ex. <div>, <span>
4. Semantic Elements
In HTML there are some semantic elements that can be
used to define different parts of a web page
5. HTML Comments
HTML comments are not displayed in the browser,
but they can help document your HTML source
code.
Any Questions?
THANK YOU!

You might also like