http://wordpress.org/support/profile/mr49online

Archive for the ‘HTML’ Category

Getting your DIVs to behave like TABLEs


For detail please, click here .

Advertisements

How to handle large background image ?



<html>
<head>
<title>Large background image</title>
<style type="text/css">
html, body {
height:100%;
padding:0px;
margin:0px;
overflow:hidden;
}
#largeBack img{
width:100%;
height:100%;
top:0px;
bottom:0px;
position: fixed;
overflow:hidden;
z-index:-1;
}
#content{
margin:0 auto;
width:960px;
background:#FFF;
height:100%;
color: #333;
z-index:100;
background:#F93;
}
</style>

</head>

<body>
<div id="largeBack">
<img src="../139725.jpg" />
</div>
<div id="content">

Lorem Ipsum easo pukq Lorum

</div>
</body>
</html>

Page Title, Paragrah, Emphasis, Line Break, Headings


<html>
<head>
   <title>My first web page</title>
</head>
<body>
   This is my first web page
</body>
</html>

<head> Element:
The head element appears before the body element and contains information about the page. The information in the head element does not appear in the browser window.

<title> Eelement:
The text that you put in between the title tags has become the title of the document. If you were to add this page to your ‘favourites’ (or ‘bookmarks’, depending on your browser), you would see that the title is also used there.

Paragraph:
<p> tag is for paragraph.
Ex: <p> Sharing is Caring…;) </p>
Paragraph alwasy start from new line.

Emphasis
There are two ways of emphasizing text in a paragraph i.e.
1. em (emphasis)
2. strong (strong emphasis)

Line break:
<br> tag is used for line break.
Ex: This is line break <br /> demo.
There is no closing tag and it closes itself with a “/” after the “br”.

Headings:
h1, h2, h3, h4, h5 and h6 are available heading tags.
Ex:
<h1> some text here… </h1>
<h2> some text here… </h2>
<h3> some text here… </h3>
<h4> some text here… </h4>
<h5> some text here… </h5>
<h6> some text here… </h6>

HTML Beginner


Editor:

  • Notepad++, Macromedia Dreamweaver

Save the file with .html extention i.e. filename.html

Tags

The basic structure of an HTML document includes tags, which surround content and apply meaning to it.

< html >
   < body >
       This is my first web page
   < /body >
< /html >


is the opening tag that kicks things off and tells the browser that everything between that and the closing tag is an HTML document. The stuff between and is the main content of the document that will appear in the browser window.

Closing tags

The and close their respective tags. ALL HTML tags should be closed. Although older versions of HTML lazily allowed some tags not to be closed, latest standards require all tags to be closed. This is a good habit to get into anyway.

Note all tags have closing tags like this () some tags, which do not wrap around content will close themselves. The line-break tag for example, looks like this :
.

Attributes

Tags can also have attributes, which are extra bits of information. Attributes appear inside the opening tag and their value is always inside quotation marks. They look something like Margarine.

Elements

Tags tend not to do much more than mark the beginning and end of an element. Elements are the bits that make up web pages. You would say, for example, that everything that is in-between and includes the and tags is the body element. As another example, whereas ” and ” are tags, ‘Rumple Stiltskin’ is a title element.