SHARE

Step by step tutorial to create first HTML web page

HTML5 is a latest and final release of HTML . To create Your first webpage you have required a code editor . To can create web page also using notepad , for large coding is not comfortable .

So you can use dreamweaver  , Notepad++ or HTML kit 292 for coding . In this lesson i use Adobe dreamweaver  to create first web page . Download it and install it . 

Step #1 Open A Blank HTML File

Open Blank HTML Document
Open Blank HTML Document

Go to all programs and run the Adobe dreamweaver .  Click on Create New and then HTML  . In this Document following code is displayed .

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> </body>
</html>

Select all of the above code and delete it . Some tags are required to create your first html document , but we will write ourself one by one so you can easily understand .

Step #2 Write And Understand First Code

In blank page write minimum webpage code as follows .

<!DOCTYPE html>
<html>
<head>
<title>This is website title </title>
</head>
<body>
This Text is displayed in web browser
</body>
<html>

DTD or document type declaration

In this code first <!DOCTYPE html> tag is document type declaration tag  . This tells the web browser which type of this document is an HTML5 document . This tag has not closing tag .

Read More about  HTML Tags

<html>

After that <html> tag open tells the browser code starts here and </html> closing tag tell the browser code ends here . All of your coding written between html tags rest of DTD tag . Almost many of tags have closing tags . Closing tag same as open tag but only a extra back slash ( / ) after less than sign ( </ )

<head>

Just after html tag, <head></head> tag is written . It is header section of your html code . Content under this tag readable only by web browser but not displayed on your web page .

All of meta tags and title tag written in this section of html code . This section is also used by search engines to determine your website’s content as well as web browser .

<title>

<title> </title> is written under head tags . This tells the browser text under title tag is title of the web page .

<body>

All content written under <body></body> tag display on web browser . Body tag tell the web browser this is the body of web page .

All of these tags are minimum requirement of a html page . Save this code by click on file menu , then save as . File name “test.html” . “.html ” is file extension . Save this file on desktop .

Minimum HTML5 Code
test file display in web browser

Go to desktop double click on “test.html” file . Your test file is open in your web browser . And text displayed “This Text is displayed in web browser”  in your web browser . This text is under <body></body> tags .

Congratulations your first html5 file is running . If you need more help see the following video .

Video Help

Click to play the video help to create first web page .