Your first HTML webpage


What is a webpage?
A web page or webpage is a document or information resource that is suitable for the World Wide Web and can be accessed through a web browser and displayed on a monitor or mobile device. This information is usually in HTML or XHTML format, and may provide navigation to other web pages via hypertext links. Web pages frequently subsume other resources such as style sheets, scripts and images into their final presentation.


HTML stands for Hyper Text Markup Language. HTML file contains some predefined tags called markup tags like <html> is a tag.. Markup tags contains the data called content of the web page. Content of the web page will be visible on web page by web browser.

CSS are simply text files (.css ), composed of lines of code that tell browsers how to put on show an HTML page. By learning CSS one could separate HTML content from its appearance, distinguishing style from structure & can optimize website better.


  Your first HTML!
Before we begin I would like to point out that HTML is not case sensitive, but I recommend you capitalizing your tags for better readability of your code.


Lets start with declaring our doctype of the HTML.


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Tip: If you do not declare a specific DocType correctly a visitors browser must "guess" (usually by applying the loosest possible DocType or a "quirks" mode DocType of its own) resulting in slower rendering.


After you declaring what version of HTML your document is using, you will be placing the body of your web page in the HTML element. ( In here comes all the stuff )


Code:
<HTML>


The TITLE element tags go in between the opening and closing HEAD tags. In this example we want our title to be '[HTML] - Your first webpage.'
Code:
<TITLE>[HTML] - Your first webpage.</TITLE>

We just learned the tags we need to put at the top of an HTML document. Now its time to finally write the webpage. All the content of your page goes in between the BODY tags. There are a variety of attributes you can set for the BODY element. For now we'll just put in a paragraph about our blog The paragraph will go in between the paragraph tags


Code:
<BODY>
   <P>Your text goes here</P>
   </BODY>

And now ofcourse close your <HTML>


Code:
</HTML>

Your webpage should look like this


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<TITLE>[HTML] - Your first webpage.</TITLE>
<BODY>
<P>Your text goes here.</P>
</BODY>
</HTML>







Your first HTML webpage Your first HTML webpage Reviewed by fisnik on 5:19 AM Rating: 5

No comments