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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...