Jump to content

Recommended Posts

Posted

How to make a simple website.

 

Before we start. You just need Notepad open.

 

Tips:

 

  • You must always start with this code: <HTML> and end with </HTML> or else nothing will appear.

  • When you finish with your project save it as example.html

  • When you press Enter in your notepad the browser will ignore it.

  • The codes you must use I will mark them with red color.

 

 

Ok, Let's start...

 


 

Lesson 1: Basic

 


 

<HTML>

<HEAD>

<TITLE>Lessons 1</TITLE>

</HEAD>

 

<BODY>

Lessons 1 by ProJecT

<B></B>Is for Bold Letters: ProJecT

<I></I>Is for Italic Letters: ProJecT

<U></U>Is for Underlined Letters: ProJecT

<HR> Add a beautiful line. Below.


<CENTER></CENTER> Put the text at the center of the page. Center not middle!

</BODY>

</HTML>

 


 

Lessons 2: Paragraphs

 


 

<HTML>

<HEAD>

<TITLE>Lessons 2</TITLE>

</HEAD>

 

<BODY>

 

<P>This

<P>is a

<P>Paragraph

</BODY>

</HTML>

 


 

Lesson 3: <BR> instead of Enter

 


 

Before I start typing I want to remind you that the browser will ignore the change of line with Enter.

You must change the line with this code: <BR>

 

<HTML>

<HEAD>

<TITLE>Lessons 3</TITLE>

</HEAD>

 

<BODY>

<BR>We will<BR>Use<BR>our mind<BR>for creating<BR>a HTML document.

 

</BODY>

</HTML>

 


 

Lesson 4: Size of the Letters or headings

 


 

<HTML>

<HEAD>

<TITLE>Lessons 4</TITLE>

</HEAD>

 

<BODY>

<h1>Size 1</h1>

<h2>Size 2</h2>

<h3>Size 3</h3>

<h4>Size 4</h4>

<h5>Size 5</h5>

<h6>Size 6</h6>

</BODY>

</HTML>

 


 

Lesson 5: Comment

This comment is useful if you want to change something, but you will not see it in the browser.

 


 

<HTML>

<HEAD>

<TITLE>Lesson 5</TITLE>

</HEAD>

 

<BODY>

<h1>Summer in Greece</h1><!--Change h1 to h2 and i have to make Greece with bold letters.. rofl(this comment will not appear in the browser, it is something like a reminder-->

</BODY>

</HTML>

 


 

Lesson 6: Sub(script) and Sup(erscript)

 


 

<HTML>

<HEAD>

<TITLE>Lesson 6</TITLE>

</HEAD>

 

<BODY>

<SUB>A small text up</SUB>

<SUP>A small text down</SUP>

</BODY>

</HTML>

 


 

Lesson 7: Pre

<PRE></PRE> Is a code which let the browser to use the space and the enters you used on notepad.

 


 

<HTML>

<HEAD>

<TITLE>Lesson 7</TITLE>

</HEAD>

 

<BODY>

<PRE>I       love      space

 

and

 

 

 

Enter

 

 

a

 

lot!!</PRE>

</BODY>

</HTML>

 


 

Lesson 8: Insert an Adress(Not Website's Adress)

 

<HTML>

<HEAD>

<TITLE>Lesson 8</TITLE>

</HEAD>

 

<BODY>

<ADRESS>

Chester Bennington

Minneapolis 554

San Francisco

America

</ADRESS>

</BODY>

</HTML>

 


 

Lesson 9: Delete and Inserted Text

 


 

<HTML>

<HEAD>

<TITLE>Lesson 9</TITLE>

</HEAD>

 

<BODY>

This file have been <DELETE>deleted</DELETE> from our <INS>Database</INS>

 


 

Lesson 10: Abbreviations

 


 

<HTML>

<HEAD>

<TITLE>Lesson 10</TITLE>

</HEAD>

 

<BODY>

<ABBR TITLE="BRB">Be Right Back</ABBR>

<ABBR TITLE="DNA">Deoxyribonucleic Acid</ABBR>

</BODY>

</HTML>

 


 

Well, I am done. Time spending: 1 hour 30 minutes.

The next 10 Lessons it's in the other topic.

 

 

-ProJecT

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×
×
  • Create New...

Important Information

This community uses essential cookies to function properly. Non-essential cookies and third-party services are used only with your consent. Read our Privacy Policy and We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue..