Jump to content
MakeWebGames

Mastering HTML!


Samurai Legend

Recommended Posts

I am soon going to be mastering HTML!

I started today on Code Academy. I've learned a lot!

Example -

 

<!DOCTYPE html>
<html>
<head>
<title>Samurai Assault</title>
</head>
<body style="background-color:grey">
<h3 style="font-family: Arial; color:red">List of things I hate!</h3>
<ul style="background-color:red">
<li style="font-family:Impact; color:blue; font-size:10px">Liars</li>
<li style="font-family:Impact; color:blue; font-size:10px">Black Mailers</li>
<li style="font-family:Impact; color:blue; font-size:10px">Theifs</li>
</ul>

<p>Thats <strong>All</strong>. Come <em>back</em> later</p>



</body>
</html>
Edited by Samurai Legend
Link to comment
Share on other sites

As a tip, when learning, it will be nice to learn css as well, which has components to what you are doing already. I think it would be great practice to learn those two languages at the same time. Learn to create a file for just your css, so that the actual html file doesn't get bogged down with all the 'font-family'. By using CSS/Classes/Id, you will create a more efficient and organized file.

IE, the style for the '<li> could have a class attached to it. Within your css file you can call it '.listing', which will contain all your 'styles'. Then in the html file, you will only have to write '<li class="listing">' and it will output the proper style for you. Now, my explanation is not the greatest, I don't lead people to believe I am a teacher, but hopefully you can grasp the idea and look into it. Definitely will help out in the long run.

Plus, as a final note, I would not go around saying 'I have mastered ....', if you think you have mastered a certain language will you ever push to learn more of it? There are much much much more, even to HTML, than what meets the eye.

Link to comment
Share on other sites

I am soon going to be mastering HTML!

I started today on Code Academy. I've learned a lot!

Example -

 

<!DOCTYPE html>
<html>
<head>
<title>Samurai Assault</title>
</head>
<body style="background-color:grey">
<h3 style="font-family: Arial; color:red">List of things I hate!<h3>
<ul style="background-color:red">
<li style="font-family:Impact; color:blue; font-size:10px">Liars</li>
<li style="font-family:Impact; color:blue; font-size:10px">Black Mailers</li>
<li style="font-family:Impact; color:blue; font-size:10px">Theifs</li>
</ul>

<p>Thats <strong>All</strong>. Come <em>back</em> later</p>



</body>
</html>

Total fail!!! You did not close a tag,look over your html tags..

Link to comment
Share on other sites

Total fail!!! You did not close a tag,look over your html tags..

I wouldn't go off and say "Total Fail" lol I would say it's an honest mistake especially for non HTML savvy people like myself. I have also forgotten to close a tag properly myself. The effort was there he just forgot to add a "/"

Link to comment
Share on other sites

@Peter - Probably another 2 - 3 weeks, I will master HTML! After learning HTML I will move onto learning CSS. It's easy for me as I can remember a lot. And thanks :)

@Lucky - Thanks for pointing the mistake out. Just give me about 2 - 3 weeks, I will learn! I am determined to learn :P

@Kyle - Thanks bud :)

@Guest - I like dicks...

Link to comment
Share on other sites

Best easy and fast way to learn is to hack other's code. Like a ninja!

Take a sample see how it's made and break it apart, make something else.

Use editor dedicated to web design, and you'll learn even faster.

And the secret of how it's made is "F12". :) Start learning from the start with developer console by your side.

Know that the skill and level of a programmer is not given by the language that he knows but by the framework that he masters!

So your journey is just started. The path is long and well rewarded.

:) Good luck, and have fun!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

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