[HTML] Make a Simple Website using HTML.

1337 · 07-13-2011, 06:29 PM

Make a Simple Website using HTML.

Background:

Code:
HTML, which stands for HyperText Markup Language, is the predominant markup language for web pages. HTML is the basic building-blocks of webpages.

HTML is written in the form of HTML elements consisting of tags, enclosed in angle brackets (like <html>), within the web page content. HTML tags normally come in pairs like <h1> and </h1>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). In between these tags web designers can add text, tables, images, etc..

The purpose of a web browser is to read HTML documents and compose them into visual or audible web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page.

HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts in languages such as JavaScript which affect the behavior of HTML webpages.

Web browsers can also refer to Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both the HTML and the CSS standards, encourages the use of CSS over explicitly presentational HTML markup.

(Source:Wiki)

Basic Structure:

Code:
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Explanation:
The text between <html> and </html> describes the web page.
The text between <body> and </body> is the visible page content.
The text between <h1> and </h1> is displayed as a heading.
The text between <p> and </p> is displayed as a paragraph.

How to Run HTML
1. Open Notepad.
2. Write the code.
3. Save it as "Name.html" without quotes.
Note: You can name it anything but dont forget to use .html as an extension(.htm would also work).
4. Double click the file and View(in your default browser).

Note: This is very basic tutorial, if i get good response i will come back with more tags and specially css. :epic:

1337 · 07-13-2011, 06:29 PM

Make a Simple Website using HTML.

Background:

Code:
HTML, which stands for HyperText Markup Language, is the predominant markup language for web pages. HTML is the basic building-blocks of webpages.

HTML is written in the form of HTML elements consisting of tags, enclosed in angle brackets (like <html>), within the web page content. HTML tags normally come in pairs like <h1> and </h1>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). In between these tags web designers can add text, tables, images, etc..

The purpose of a web browser is to read HTML documents and compose them into visual or audible web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page.

HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. It can embed scripts in languages such as JavaScript which affect the behavior of HTML webpages.

Web browsers can also refer to Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both the HTML and the CSS standards, encourages the use of CSS over explicitly presentational HTML markup.

(Source:Wiki)

Basic Structure:

Code:
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Explanation:
The text between <html> and </html> describes the web page.
The text between <body> and </body> is the visible page content.
The text between <h1> and </h1> is displayed as a heading.
The text between <p> and </p> is displayed as a paragraph.

How to Run HTML
1. Open Notepad.
2. Write the code.
3. Save it as "Name.html" without quotes.
Note: You can name it anything but dont forget to use .html as an extension(.htm would also work).
4. Double click the file and View(in your default browser).

Note: This is very basic tutorial, if i get good response i will come back with more tags and specially css. :epic:

PartyPaint · 07-13-2011, 06:44 PM

Nice and simple explanation.
Thanks (:

PartyPaint · 07-13-2011, 06:44 PM

Nice and simple explanation.
Thanks (:

1234hotmaster · 07-13-2011, 09:18 PM

great thread please post CSS i really wana learn :epic:

1234hotmaster · 07-13-2011, 09:18 PM

great thread please post CSS i really wana learn :epic:

1337 · 07-14-2011, 02:02 AM

(07-13-2011, 09:18 PM)1234hotmaster Wrote: great thread please post CSS i really wana learn :epic:

Alright, wait for me to get some time, I'll make a beast tutorial for Css. :innocent:

1337 · 07-14-2011, 02:02 AM

(07-13-2011, 09:18 PM)1234hotmaster Wrote: great thread please post CSS i really wana learn :epic:

Alright, wait for me to get some time, I'll make a beast tutorial for Css. :innocent:

the_missinglink · 11-22-2011, 04:02 PM

use <marquee> and <blink> tag also so that it remain simple bt looks very cool

Mediocrity_mybb_import6293 · 11-22-2011, 06:25 PM

Very simple and very good threa pal
most aspects of html can be found here

www.w3schools.com