Scribd
Upload
2 views17 pages

HTML

The document provides an overview of HTML, detailing its building blocks such as tags and attributes, and categorizing elements into block-level and inline elements. It explains the three types of HTML lists: ordered, unordered, and definition lists, along with examples. Additionally, it discusses the concepts of margin and padding, highlighting their differences and purposes in web design.

Uploaded by

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

HTML

The document provides an overview of HTML, detailing its building blocks such as tags and attributes, and categorizing elements into block-level and inline elements. It explains the three types of HTML lists: ordered, unordered, and definition lists, along with examples. Additionally, it discusses the concepts of margin and padding, highlighting their differences and purposes in web design.

Uploaded by

Vidya Ponugoti
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 17

HTML

HYPER TEXT MARK UP LANGUAGE


BUILDING BLOCKS OF HTML

TAGS
ATTRIBUTES
Elements are divided into
two categories:

•Block-level element

•Inline element
Block level elements

A block-level element always start with new line and takes the full
width of web page, from left to right.

<dd>, <div>, <dl>, <dt>, <figure>, <footer>,

<form>, <h1>-<h6>, <header>, <hr>, <li>,

<main>, <nav>, <ol>, <p>, <section>, <table>,

<tfoot>, <ul> and <video>.


Inline elements:

These elements does not start with new line and take width as per
requirement.

The Inline elements are mostly used with other elements.

<a>, <b>, <big>, <br>, <button>, <i>, <img>, <input>, <label>,


<map>, <script>, <select>, <small>, <span>, <strong>
HTML Lists
HTML Lists are used to specify lists of information. All lists may contain
one or more list elements. There are three different types of HTML lists:

1.Ordered List or Numbered List (ol)

2.Unordered List or Bulleted List (ul)

3.Description List or Definition List (dl)


•Leo
•Oracle

Unordered list
Definition list
•Aries
Ordered list Aries
•Bingo
-One of the 12 horoscope sign.
1.Aries
•Leo
Bingo
2.Bingo -One of my evening snacks
•Oracle
Leo
3.Leo -It is also an one of the 12 horoscope sign.

4.Oracle Oracle
-It is a multinational technology
corporation.
Feature Margin Padding

The outer space of an element, outside the The inner space of an element, inside the
Space Location
border border

Not affected by the background color of the Affected by the background color of the
Background Color
element element

Negative Values Can be negative Cannot be negative

Auto Value Can be set to auto Cannot be set to auto

Creates space outside the element to move Creates space inside the element to control
Purpose
it relative to adjacent elements the content spacing

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy