Scratch

IHeartGaming · 2012-09-29 09:04:51

I finally decided to get out from under my rock and learn HTML. tongue
I'm using Codecademy. (My username on Codecademy is IHeartGaming.)
What do you think? Do you guys have any HTML or coding-related tips?

Don't worry, I'm staying on Scratch!

Last edited by IHeartGaming (2012-09-29 09:06:25)

jji7skyline · 2012-09-29 09:10:03

Tips? Well, I reccomendnusing dropbox to host your html files and linked images and such for practising. Also, try making practice sitesnbecause it's the best way to learn. smile

BirdByte · 2012-09-30 05:57:57

Cool, good luck! I've been using HTML for a few years so you can ask me if you need help. big_smile

trinary · 2012-10-02 23:05:21

Never use <font> or <center>.

jji7skyline · 2012-10-02 23:43:49

Those are deprecated, use div styles or CSS instead.

veggieman001 · 2012-10-02 23:45:12

div styles are CSS >_>

trinary · 2012-10-02 23:47:13

jji7skyline wrote:
Those are deprecated, use div styles or CSS instead.

Div styles?

jji7skyline · 2012-10-02 23:53:07

<div style="text-align:center">
This text would become centred.
</div>

Last edited by jji7skyline (2012-10-02 23:53:57)

trinary · 2012-10-02 23:55:21

jji7skyline wrote:
<div style="text-align:center">
This text would become centred.
</div>

That is CSS.

In any case, it's usually better to avoid inline styles.
Use external stylesheets instead.

Last edited by trinary (2012-10-03 00:40:10)

jji7skyline · 2012-10-02 23:55:46

It's useful sometimes, but mostly I refer to div ids in an external css file.

dvd4 · 2012-10-03 13:36:23

internal styles are good for a one time change,but external CSS in good for multiple pages

MoreGamesNow · 2012-10-03 22:54:45

w3schools is another great website for learning HTML.

To those above: what is wrong with simply using tags to do that?

Post 1500 big_smile

trinary · 2012-10-04 00:13:01

MoreGamesNow wrote:
w3schools is another great website for learning HTML.

To those above: what is wrong with simply using tags to do that?

Post 1500

Inline styles are incredibly bad practice.

The entire point of CSS is to separate content from design.
They make maintenance annoyingly difficult, aren't very accessible, and increase page load time.

veggieman001 · 2012-10-04 00:31:13

how does it increase page load time if it's only a style used once?

trinary · 2012-10-04 00:40:54

Pages become bloated with large amounts of inline CSS and take longer to download compared to pages which only have markup and have linked external stylesheets. External CSS can be cached and reused throughout a website.

Last edited by trinary (2012-10-04 00:41:46)

IHeartGaming · 2012-10-08 10:48:09

Thanks for the tips!

jji7skyline · 2012-10-08 19:26:20

This is good.

Code:

<!DOCTYPE html>
<html>
    <head>
    <title>My website</title>
    <style>
    body {background-color:#2323FF; width:1024; margin-left:auto; margin-right:auto; font-family:Arial, Verdana, times}
    .menubar {font-size:36pt; background-image:image.png;}
    </style>
    </head>
    
    <body>
    <div class="menubar">
    <a href="index.html">Home</a><a href="contact.php>Contact</a>
    </div>
    <br />
    <p>
    This is the paragraph. Lorem ipsum and all that.
    </p>
    </body>
</html>

ImagineIt · 2012-10-08 19:28:50

trinary wrote:
jji7skyline wrote:
<div style="text-align:center">
This text would become centred.
</div>
That is CSS.

In any case, it's usually better to avoid inline styles.
Use external stylesheets instead.

Or make custom tags! I once made the tag rock turn gray. smile

jji7skyline · 2012-10-08 19:29:43

True tongue

mythbusteranimator · 2012-10-08 21:39:09

How do you make a <div> bg color a gradient? I can't find where to put the code.

Last edited by mythbusteranimator (2012-10-08 21:39:44)

SJRCS_011 · 2012-10-08 21:41:09

ImagineIt wrote:
trinary wrote:
jji7skyline wrote:
<div style="text-align:center">
This text would become centred.
</div>
That is CSS.

In any case, it's usually better to avoid inline styles.
Use external stylesheets instead.
Or make custom tags! I once made the tag rock turn gray.

however, if you were to run that through a validator, it would be invalid code

jvvg · 2012-10-08 21:43:59

SJRCS_011 wrote:
ImagineIt wrote:
trinary wrote:

That is CSS.

In any case, it's usually better to avoid inline styles.
Use external stylesheets instead.
Or make custom tags! I once made the tag rock turn gray.
however, if you were to run that through a validator, it would be invalid code

Phew. I'm not the only person who validates code. smile
Mod Share is completely valid XHTML 1.0 Strict (however, because of problems with the server, the validator sometimes sees a different page).

MathWizz · 2012-10-08 21:44:53

trinary wrote:
jji7skyline wrote:
Those are deprecated, use div styles or CSS instead.
Div styles?

Inline styles?

soupoftomato · 2012-10-08 21:46:31

I'm making the most 90s website I can. All deprecated, all the time.

Code:

<!DOCTYPE html>
<html>
    <head>
        <title>Quest to learn HTML</title>
    </head>
    <body>
        <center>
            <body bgcolor="7401DF" text="FF0000">
            <h1>Quest to learn HTML</h1>
            <img src="http://www.angelfire.com/ar2/guitar/electric_guitar_rotate_md_clr.gif" alt="CAN'T SHOW IMAGE"><img src="http://www.angelfire.com/ar2/guitar/electric_guitar_rotate_md_clr.gif" alt="CAN'T SHOW IMAGE"><img src="http://www.angelfire.com/ar2/guitar/electric_guitar_rotate_md_clr.gif" alt="CAN'T SHOW IMAGE"><img src="http://www.angelfire.com/ar2/guitar/electric_guitar_rotate_md_clr.gif" alt="CAN'T SHOW IMAGE">
            <p>Hello!</p>
        </center>
        <font size=1>
        <h1 align = left>The coolest links on the net below:</h1>
        <font size=2>
        <a href="http://peanutbutterjellytime.net/">It's PEANUT BUTTER JELLY TIME!</a><img src="http://peanutbutterjellytime.net/peanut-butter-jelly-time.gif" alt="CAN'T SHOW IMAGE">
        
    </body>
</html>

jji7skyline · 2012-10-08 21:47:50

xD

Scratch

archived forums

#1 2012-09-29 09:04:51

I'm creating some basic HTML.

#2 2012-09-29 09:10:03

Re: I'm creating some basic HTML.

#3 2012-09-30 05:57:57

Re: I'm creating some basic HTML.

#4 2012-10-02 23:05:21

Re: I'm creating some basic HTML.

#5 2012-10-02 23:43:49

Re: I'm creating some basic HTML.

#6 2012-10-02 23:45:12

Re: I'm creating some basic HTML.

#7 2012-10-02 23:47:13

Re: I'm creating some basic HTML.

jji7skyline wrote:

#8 2012-10-02 23:53:07

Re: I'm creating some basic HTML.

#9 2012-10-02 23:55:21

Re: I'm creating some basic HTML.

jji7skyline wrote:

#10 2012-10-02 23:55:46

Re: I'm creating some basic HTML.

#11 2012-10-03 13:36:23

Re: I'm creating some basic HTML.

#12 2012-10-03 22:54:45

Re: I'm creating some basic HTML.

#13 2012-10-04 00:13:01

Re: I'm creating some basic HTML.

MoreGamesNow wrote:

#14 2012-10-04 00:31:13

Re: I'm creating some basic HTML.

#15 2012-10-04 00:40:54

Re: I'm creating some basic HTML.

#16 2012-10-08 10:48:09

Re: I'm creating some basic HTML.

#17 2012-10-08 19:26:20

Re: I'm creating some basic HTML.

Code:

#18 2012-10-08 19:28:50

Re: I'm creating some basic HTML.

trinary wrote:

jji7skyline wrote:

#19 2012-10-08 19:29:43

Re: I'm creating some basic HTML.

#20 2012-10-08 21:39:09

Re: I'm creating some basic HTML.

#21 2012-10-08 21:41:09

Re: I'm creating some basic HTML.

ImagineIt wrote:

trinary wrote:

jji7skyline wrote:

#22 2012-10-08 21:43:59

Re: I'm creating some basic HTML.

SJRCS_011 wrote:

ImagineIt wrote:

trinary wrote:

#23 2012-10-08 21:44:53

Re: I'm creating some basic HTML.

trinary wrote:

jji7skyline wrote:

#24 2012-10-08 21:46:31

Re: I'm creating some basic HTML.

Code:

#25 2012-10-08 21:47:50

Re: I'm creating some basic HTML.

Board footer