Coding HTML.

Lucien · Feb 24, 2017

Hai! Does anyone code with HTML? Because I need help with it.
Like the only thing I can do is this:

<!DOCTYPE html>
<html>
<head>
<title>Hello, this is a test :)</title>
</head>
<body>
<h1>Pizza is my favo food. What is yours?</h1>
<p1>I'm playing on a laptop with 500-800 FPS in Minecraft. Pretty impressive right?</p1>
</body>
</html>

It would look like this:

Pizza is my favo food. What is yours?

I'm playing on a laptop with 500-800 FPS in Minecraft. Pretty impressive right?

--------------------------------------------------------------------------------------------------------------------------

Does anyone who knows the HTML language learn me some? Thank you :)

Ellie Williams · Feb 24, 2017

I know a fair amount of HTML/CSS, but I might've forgotten some. Check out Codecademy for HTML lessons.

TheLucian · Feb 24, 2017

CSS is where this gets tricky. I'm orettf sure the outcome would be like that. I use this website to check my code/see what it looks like. http://www.littlewebhut.com/
Once you get there click HTML then paste you code in the top box then click the bottom in the middle and it should show a preview of it.

Lucien · Feb 24, 2017

CattyCat said:
I know a fair amount of HTML/CSS, but I might've forgotten some. Check out Codecademy for HTML lessons.

Thanks! I'll check it out.

Lucien · Feb 24, 2017

LucianYOLO said:
CSS is where this gets tricky. I'm orettf sure the outcome would be like that. I use this website to check my code/see what it looks like. http://www.littlewebhut.com/
Once you get there click HTML then paste you code in the top box then click the bottom in the middle and it should show a preview of it.

Oh wow. This is a good website. Looks very easy :) Thanks.

matcha · Feb 24, 2017

LucienPilon said:
I'm playing on a laptop with 500-800 FPS in Minecraft. Pretty impressive right?

That is pretty impressive. Are you serious or just joking?

Lucien · Feb 24, 2017

Scream said:
That is pretty impressive. Are you serious or just joking?

No, I'm serious! :D

TomZye · Feb 24, 2017

LucienPilon said:
No, I'm serious! :D

What laptop?

Lucien · Feb 24, 2017

TomZye said:
What laptop?

Yep :P

Lucien · Feb 24, 2017

TomZye said:
What laptop?

oh sorry. i didnt read it right :P

Lucien · Feb 24, 2017

TomZye said:
What laptop?

Laptop: Lenovo Ideapad G50-45
Processor: AMD A8-6410 APU with AMD Radeon R5 Graphics

CookiesAlwaysWin · Feb 24, 2017

https://www.sololearn.com/ This is a free curcus

Lucien · Feb 24, 2017

_Illuminati said:
https://www.sololearn.com/ This is a free curcus

Thanks :) I'll check it out when I have time.

PyjamaBanana · Feb 24, 2017

Check out CodeCademy to learn some more I know how to code quite well but I can't really help too much I would recommend using dream weaver and customising fonts and making a nice layout. What I'm saying is use Dream Weaver and Learn CSS

Lucien · Feb 24, 2017

Thanks ^-^

SayyWayyy said:
Check out CodeCademy to learn some more I know how to code quite well but I can't really help too much I would recommend using dream weaver and customising fonts and making a nice layout. What I'm saying is use Dream Weaver and Learn CSS

Thanks ^-^

Max ♠ · Feb 24, 2017

LucienPilon said:
Hai! Does anyone code with HTML? Because I need help with it.
Like the only thing I can do is this:

<!DOCTYPE html>
<html>
<head>
<title>Hello, this is a test :)</title>
</head>
<body>
<h1>Pizza is my favo food. What is yours?</h1>
<p1>I'm playing on a laptop with 500-800 FPS in Minecraft. Pretty impressive right?</p1>
</body>
</html>

It would look like this:

Pizza is my favo food. What is yours?

I'm playing on a laptop with 500-800 FPS in Minecraft. Pretty impressive right?

--------------------------------------------------------------------------------------------------------------------------

Does anyone who knows the HTML language learn me some? Thank you :)

First off, it's easier to read when you use 2-4 spaces or tab instead of a single space

Code:

<!DOCTYPE html>
<html>
    <head>
        <title>Hey, how ya doin'?</title>
    </head>
    <body>
        <h1>Probably baked potatoes</h1>
        <p1>How does a laptop get that high fps? What kind off graphics card are you using :O</p1>
    </body>
</html>

To learn more HTML: https://www.w3schools.com/html/default.asp
CSS: https://www.w3schools.com/css/default.asp

Pretty well explained & you wont get the feeling they're trying to tell a 3year old how to code

I'd recommend using Notepad++ or Sublime Text Editor to write HTML & CSS:
https://notepad-plus-plus.org/
https://www.sublimetext.com/
You could also use Notepad but it's easier to find little bugs such as forgetting to close a tag using one of these programs

I wouldnt recommend using Google Chrome for testing as it usually takes a while to update even after refreshing, Mozilla Firefox is pretty quick, don't know about other browsers. (for me at least, might be different for you)

LucianYOLO said:
CSS is where this gets tricky. I'm orettf sure the outcome would be like that. I use this website to check my code/see what it looks like. http://www.littlewebhut.com/
Once you get there click HTML then paste you code in the top box then click the bottom in the middle and it should show a preview of it.

Just save your code as a .html file and open it using whatever browser you prefer, might not make a huge difference for a little bit of code, but for large amounts it's crappy. (I regularly get about 400 lines of CSS)

ItsJustNasty · Apr 11, 2017

Hey! If your new at HTML, here are the basic tips and tricks on html/css/js.

The list is kinda long so I am going to categorize it accordingly.

This is the application. This is my opinion.
HTML

Adobe Dreamweaver (Both CS and CC)

Pros:
In Dreamweaver CC 2017 (Latest), New Code Editor, Developer Workspace, Modern UI, CSS preprocessor support, Real-time browser preview and more

In Dreamweaver CS6, you can create a new HTML, ColdFusion, PHP, CSS, JavaScript, XML, Fluid Grid Layout and more.

Cons:
Money. The application is under adobe, which if you know yet, needs to pay in order to use the application.

Notepad++

Pros:
Can be used as an html editor.

Cons:
Unlike Dreamweaver, notepad++ does not have "auto-correct" and insert an element

There are tons of applications that can be used as HTML Editor. Here are top ten best alternatives to Adobe Dreamweaver .

Everyone have to start somewhere. Here are some website.

W3Schools - https://www.w3schools.com/
W3Schools is the best website to learn some HTML, CSS, JS(JavaScript) and more. It is good way to learn HTML for beginners!

SoloLearn - https://www.sololearn.com/
SoloLearn also have tutorial like W3Schools but SoloLearn have Code Playground that features other people's codes. Check it out!

LittleWebHut - http://www.littlewebhut.com/
LittleWebHut also have a tutorial like both websites. But it have a build it test where you can test your HTML code!

HTML - http://html.com/
HTML have tutorials but it have a Cheat Sheet. Well, it says it all. a Cheat Sheet. :)

Code Academy - https://www.codecademy.com/learn/web
Code Academy have it's own tutorial web page.

Not all of us are perfect right? Even me.
I use HTML code validator to validate my HTML code.
Or use fixmyHTML to fix your html.

You can use CSS/JS and more to customize your HTML aka website to make it more modern and to your liking. Have fun coding!

If you have any issues with this post, contact me so I can edit/remove someparts this post. I am not perfect!

Djentism · Apr 11, 2017

ItsJustNasty said:
Hey! If your new at HTML, here are the basic tips and tricks on html/css/js.

The list is kinda long so I am going to categorize it accordingly.

This is the application. This is my opinion.
HTML

Adobe Dreamweaver (Both CS and CC)

Pros:
In Dreamweaver CC 2017 (Latest), New Code Editor, Developer Workspace, Modern UI, CSS preprocessor support, Real-time browser preview and more

In Dreamweaver CS6, you can create a new HTML, ColdFusion, PHP, CSS, JavaScript, XML, Fluid Grid Layout and more.

Cons:
Money. The application is under adobe, which if you know yet, needs to pay in order to use the application.

Notepad++

Pros:
Can be used as an html editor.

Cons:
Unlike Dreamweaver, notepad++ does not have "auto-correct" and insert an element

There are tons of applications that can be used as HTML Editor. Here are top ten best alternatives to Adobe Dreamweaver .

Everyone have to start somewhere. Here are some website.

W3Schools - https://www.w3schools.com/
W3Schools is the best website to learn some HTML, CSS, JS(JavaScript) and more. It is good way to learn HTML for beginners!

SoloLearn - https://www.sololearn.com/
SoloLearn also have tutorial like W3Schools but SoloLearn have Code Playground that features other people's codes. Check it out!

LittleWebHut - http://www.littlewebhut.com/
LittleWebHut also have a tutorial like both websites. But it have a build it test where you can test your HTML code!

HTML - http://html.com/
HTML have tutorials but it have a Cheat Sheet. Well, it says it all. a Cheat Sheet. :)

Code Academy - https://www.codecademy.com/learn/web
Code Academy have it's own tutorial web page.

Not all of us are perfect right? Even me.
I use HTML code validator to validate my HTML code.
Or use fixmyHTML to fix your html.

You can use CSS/JS and more to customize your HTML aka website to make it more modern and to your liking. Have fun coding!

If you have any issues with this post, contact me so I can edit/remove someparts this post. I am not perfect!

Please don't reply to threads older than 2 weeks.

@zRinne @Skifby lock??

TheLucian · Apr 11, 2017

@ItsJustNasty please don't reply to threads that are over 2 weeks old as it is against the rules.

-Locked

Coding HTML.

Dedicated Member

Forum Veteran

Forum Expert

Dedicated Member

Dedicated Member

Forum Veteran

Dedicated Member

Novice Member

Dedicated Member

Dedicated Member

Dedicated Member

Well-Known Member

Dedicated Member

Novice Member

Dedicated Member

Forum Expert

Member

Dedicated Member

Forum Expert

Similar threads

Share this page