Web Designing Tutorials, Learn HTML, CSS JavaScript: Basic HTML

Showing posts with label Basic HTML. Show all posts

Tuesday, 12 March 2013

Inline and Block Elements

Inline Elements

The Elements which starts and ends in a line, and does not include any block element in it.
Exp, Anchor, Span.

Block Elements

Block elements are the elements that create blocks,
Exp, Paragraph, Heading. They can have a break point.

However we can convert block elements into inline elements
using css display property.

Click here to know display property

Saturday, 9 March 2013

Advance CSS Tags

Grouping ( used for grouping of multiple tags, ids or class)

h1, h2, p

{

color:green;

}

Nesting ( used to select a particular tag inside its parent tag)

For Exp
p

{

color:blue;

text-align:center;

}

.marked

{

background-color:red;

}

You can use this:

.marked p

{

color:white;

}

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.