Jump to content
MaxCheaters Official Group on Discord
Top.MaxCheaters.com is now OPEN – Lineage 2 Top Listing

<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...

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
 Share
Go to topic listing


×
×
  • 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..