HTML TOPICS

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.An element in HTML usually consist of a start tag <tag name>, close tag </tag name> and content inserted between them.

EXAMPLE

<!DOCTYPE html>
<html>
<head>
<title>WebPage</title>
</head>
<body>
<h1>This is my first Heading</h1>
<h2> This is my second Heading</h2>
<p>This is my Paragraph</p>
</body>
</html>

html elements

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

HTML attributes are special words which provide additional information about the elements or attributes are the modifier of the HTML element.Each element or tag can have attributes, which defines the behaviour of that element.

  • Attributes should always be applied with start tag OR The Attribute should always be applied with its name and value pair.
  • The Attributes name and values are case sensitive, and it is recommended by W3C that it should be written in Lowercase only.
  • You can add multiple attributes in one HTML element, but need to give space between two attributes.

SYNTAX

<element attribute_name=“value”>content</element> 

EXAMPLE

<!DOCTYPE html>
<html>
<head>
</head>
<body >

<p style=”height: 100px; “>It will change height </p>
<p style=”color: red”>It will change the color of content</p>
</body>
</html>

html attributes

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>

h

href

hyperlink

<a href="home.html">home link</a>

src

src is the required attribute of <img>.which specifies source of the image.

<img src="flower.jpg" height="100px" width="100px"/>

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

<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.