HTML TOPICS

  • ELEMENTS
  • ATTRIBUTES
  • FORMATING
  • IMAGE
  • TABLES
  • LISTS
  • COLORS
  • COMMENTS

Creating An HTML Page

Mainly Html is used to design a webpage.Use Dreamweaver to create a page.The index page is the URL or local file that automatically loads when a web browser starts and when the browser’s ‘home’ button is pressed. Create a folder named test on C:\wamp\www\test

Open Macromedia Dreamweaver. Develop your site with index.php


4

index.php

Run WampServer

Select your page localhost/test/index.php.Browser will display your first web page.

DOWNLOAD LATEST PROJECTS

ELEMENTS

An HTML element is defined by a starting tag. If the element contains other content, it ends with a closing tag, where the element name is preceded by a forward slash.

ELEMENTS

Start Tag

Content

End Tag

Heading

<h1><h2><h3><h4><h5><h6>

Heading Content

</h1></h2></h3></h4></h5></h6>

Paragraph

<p>

Paragraph Content

</p>

Center

<center>

Center Content

</content>

Division

<div>

Division Content

</div>

Horizontal Line

<hr/>

Line Break

<br/>

ATTRIBUTES

USE

EXAMPLE

Id

Uniquely Identify an Element

<p id="para1">Content</p>

Title

Gives title for an element

<h1 title="hello">content</h1>

Class

Associate element with stylesheet

<h1 class="class1">content</h1>

Style

Specify CSS rules for an element

<p style="color:white">content</p>

FORMATING

USE

EXAMPLE

<b>....</b>

Displayed in Bold Text

<p >HELLO<b>Bold</b></p>

<i>.....</i>

Displayed in italized form

<h1 >HELLO<i>Italics</i></h1>

<u>...</u>

Underlined Text

<h1 >hello<u>Underline</u></h1>

<strike>...</strike>

Strike Text

<p ><strike>content</strike></p>

<sup>...</sup>

Superscript Text

<p>This is <sup>superscript</sup></p>

<sub...</sub>

Subscript Text

<p>This is<sub>Subscript</sub></p>

IMAGE ATTRIBUTES <img/>

USE

EXAMPLE

Src

Image url

<img src="image.png" alt="Test Image"/>

Width,Height

Set image width and height in pixels

<img src="image.png" width="100" height="100"/>

Border

Set image border.0 means No border.

<img src="image.png" border="2"/>

Align

Image Alignment-Left,Center or Right.

<img src="image.png align="right"/>

TABLES

USE

EXAMPLE

<tr>

Create Table rows


<td>

Create data cells


<th>

Table heading


<caption>

Title for the table


Cellpadding

Specifies distance between cell boder and content within a cell

Cellspacing

Specifies width of the border

Colspan

Merge 2 or more columns into single column

Rowspan

Merge 2 or more rows

bgcolor

background color for the table

background

set the background image for the table

You have successfully subscribed to the newsletter

There was an error while trying to send your request. Please try again.

ezywebbuilding will use the information you provide on this form to be in touch with you and to provide updates and marketing.