Showing posts with label Learn HTML. Show all posts

Saturday, 3 August 2013

CSS BOX MODEL USING BORDER, MARGIN & PADDING

Written By:-Avinash Malhotra

Our Website:- Tech Altum

CSS BOX MODEL

CSS Box Model is a box inside HTML Elements including Padding, Margin, & Border.

CSS Box Model

The Image Below Shows a basic box model:

Suppose we have a div as shown above containing an image,

Padding is used to give space inside,

Border is used to give particular Border,

Margin is used to give space outside.

CSS Cascading Style Sheet

Written By:-Avinash Malhotra

Our Website:- Tech Altum

HTML -----> Defines the Structure of a Webpage.
CSS -----> Gives Style to HTML Page.
Javascript -----> Defines Functionality of the Webpage.
CSS Cascading Style Sheet.
A Stylesheet gives style to a particular HTML page.
We can write CSS in three different ways.
Internal CSS. ----> Used inside HTML page.
External CSS. ----> Used Outside HTML page.
Inline CSS. ----> Used inside a perticular tag.
Way to write CSS

Selector can be
1, Tag Name(exp div, p, h1, img etx)
2, Id (Starting with #). ID is unique
3, Class (Starting with .). Class can be repeated.
4, Nesting ( exp div p) div p{} Means p inside div only.
5, Grouping (Combines more than one tags or class or id).

Basic HTML

Hypertext Markup Language or HTML, is the most commonly used language on Web.

It is a markup language, not a programming language.

It is used to write web pages. Browsers understand only markup language.

How to create a basic HTML Page using Notepad, Notepad++.

1, Go to your notepad.
2, Start Typing
<!doctype html>
<html>
<head>
<title>My Title</title>
</head>
<body>
</body>
</html>
3, Save page as .html file.
4, Run in browser.

This is a blank webpage with title only.

Web Designing Tutorials, Learn HTML, CSS JavaScript