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
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
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 ( </ )
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 .
<title> </title> is written under head tags . This tells the browser text under title tag is title of the web page .
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 .
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 .
Click to play the video help to create first web page .