Jump to content
MaxCheaters Official Group on X
MaxCheaters Official Group on Discord
--> Place your ad text here <--

<HTML> Lessons! 21 to 30

ProJecT

By ProJecT
in Guides & Tutorials

 Share

Recommended Posts

ProJecT Newbie

ProJecT

Posted
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 21: Insert List with dots

 

 

<HTML>

<HEAD>

<TITLE>Lessons 21</TITLE>

</HEAD>

 

<BODY>

<ul>

 <li>Photoshop: Tutorials</li>

 <li>Photoshop: Showcase</li>

 <li>Photoshop: Request</li>

</ul>

 

</BODY>

</HTML>

 

 

Lesson 22: Inset List with numbers

 

 

<HTML>

<HEAD>

<TITLE>Lessons 22</TITLE>

</HEAD>

 

<BODY>

<ol>

 <li>Photoshop: Tutorials</li>

 <li>Photoshop: Showcase</li>

 <li>Photoshop: Request</li>

</ol>

 

</BODY>

</HTML>

 

 

Lesson 23: All types of lists

 

<HTML>

<HEAD>

<TITLE>Lessons 23</TITLE>

</HEAD>

 

<BODY>

Numbers List

<ol>

<li>Photoshop: Tutorials</li>

<li>Photoshop: Request</li>

<li>Photoshop: Resources</li>

</ol>  

 

Letters List (Big Letters)

<ol type="A">

<li>Photoshop: Tutorials</li>

<li>Photoshop: Request</li>

<li>Photoshop: Resources</li>

</ol>  

 

Letters List (Small Letters)

<ol type="a">

<li>Photoshop: Tutorials</li>

<li>Photoshop: Showcase</li>

<li>Photoshop: Request</li>

<li>Photoshop: Resources</li>

</ol>  

 

Roman List (Big Letters)

<ol type="I">

<li>Photoshop: Tutorials</li>

<li>Photoshop: Request</li>

<li>Photoshop: Resources</li>

</ol>  

 

Roman List (Small Letters)

<ol type="i">

<li>Photoshop: Tutorials</li>

<li>Photoshop: Request</li>

<li>Photoshop: Resources</li>

</ol>  

Black Dots List

<ul type="disc">

<li>Photoshop: Tutorials</li>

<li>Photoshop: Request</li>

<li>Photoshop: Resources</li>

</ul>  

 

White Dots List

<ul type="circle">

<li>Photoshop: Tutorials</li>

<li>Photoshop: Request</li>

<li>Photoshop: Resources</li>

</ul>

 

Square Dots List

<ul type="square">

<li>Photoshop: Tutorials</li>

<li>Photoshop: Request</li>

<li>Photoshop: Resources</li>

</ul>  

 

</BODY>

</HTML>

 

 

Lesson 24: Defination List

 

 

<HTML>

<HEAD>

<TITLE>Lessons 24</TITLE>

</HEAD>

 

<BODY>

<dl>

 <dt>Photoshop</dt>

 <dd>Tutorials, Showcase, Request, Resources</dd>

 <dt>Lineage II</dt>

 <DD>General Discussion, Bugs & Hacks, Development</dd>

</dl>

 

</BODY>

</HTML>

 

 

Lesson 25: Input Fields

 

 

<HTML>

<HEAD>

<TITLE>Lessons 25</TITLE>

</HEAD>

 

<BODY>

<form action="">

Real name:

<input type="text" name="Real name">

<br>

Username:

<input type="text" name="Username">

</form>

 

</BODY>

</HTML>

 

 

Lesson 26: Login & Password

 

 

<HTML>

<HEAD>

<TITLE>Lessons 26</TITLE>

</HEAD>

 

<BODY>

<form action="">

Username:

<input type="text" name="username">

<br>

Password:

<input type="password" name="password">

</form>

 

</BODY>

</HTML>

 

 

Lesson 27: Check boxes

 

 

<HTML>

<HEAD>

<TITLE>Lessons 27</TITLE>

</HEAD>

 

<BODY>

Who Administrator do you like the most?

<BR>

<form action="">

Anya

<input type="checkbox" name="administrator" value="Anya">

<br />

MasterDisaster

<input type="checkbox" name="administrator" value="MasterDisaster">

<br />

Wizzy

<input type="checkbox" name="administrator" value="Wizzy">

</form>

 

</BODY>

</HTML>

 

 

Lesson 28: Radio-buttons

 

 

<HTML>

<HEAD>

<TITLE>Lessons 26</TITLE>

</HEAD>

 

<BODY>

<form action="">

Anya

<input type="radio" checked="checked"

name="administrator" value="Anya">

<br>

MasterDisaster

<input type="radio"

name="administrator" value="MasterDisaster">

</form>

 

</BODY>

</HTML>

 

 

Lesson 29: Dropdown List

 

 

<HTML>

<HEAD>

<TITLE>Lessons 26</TITLE>

</HEAD>

 

<BODY>

<form action="">

<select name="administrators">

<option value="Anya">Anya</option>

<option value="MasterDisaster">MasterDisaster</option>

<option value="Wizzy">Wizzy</option>

</select>

 

</BODY>

</HTML>

 

 

Lesson 30: Create a Button

 

 

<HTML>

<HEAD>

<TITLE>Lessons 30</TITLE>

</HEAD>

 

<BODY>

<form action="">

<input type="button" value="Continue">

</form>

 

</BODY>

</HTML>

 

 

Well I am done! The other lessons will be in my other topic.

 

( Time Spend: 1 hour 15 minutes )

 

~ProJecT

  • 1 month later...

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.

×
 Share
Go to topic listing
×
×
  • Create New...