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.

HTML EXAMPLE WITH ALL ELEMENTS IN SINGLE PAGE
Download

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


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"/>

 EZYWEB

Learn How To Create Simple PHP Website.

CONTACT

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.