Jump to content

so i think its outdated or something because i made some code posted it with a question and then people said that HTML5 which i guess what i was coding in by saying !DOCTYPE html was wrong and that HTML5 doesn't use center anymore and idk

 

so either is there a free place (not youtube) a place like codecademy that is a interactive experience that teaches HTML5?

 

oe how do i tell the browser i want to use normal HTML and not HTML5

 

Link to comment
https://linustechtips.com/topic/579367-is-code-academy-bad-to-learn-html/
Share on other sites

Link to post
Share on other sites

http://www.w3schools.com/html/ Is the BEST site to learn html..

|Casual Rig| CPU: i5-6600k |MoBo: ROG Gene  |GPU: Asus 670 Direct CU2 |RAM: RipJaws 2400MHz 2x8GB DDR4 |Heatsink: H100i |Boot Drive: Samsung Evo SSD 240GB|Chassis:BitFenix Prodigy |Peripherals| Keyboard:DasKeyboard, Cherry MX Blue Switches,|Mouse: Corsair M40

|Server Specs| CPU: i7-3770k [OC'd @ 4.1GHz] |MoBo: Sabertooth Z77 |RAM: Corsair Vengeance 1600MHz 2x8GB |Boot Drive: Samsung 840 SSD 128GB|Storage Drive: 4 WD 3TB Red Drives Raid 5 |Chassis:Corsair 600t 

Link to post
Share on other sites

Codeacademy is about the only service that provides it that well, if you want to specify a different HTML version, you need to use a different document type declaration. For example, HTML 4.01 transitional was the most commonly used before HTML5 became the recommended by W3C. It's DTD was

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 

EDIT: Also, you previous topics code had errors which was why codeacademy wasn't accepting it. You had align=center rather than align="center"

I am good at computer

Spoiler

Motherboard: Gigabyte G1 sniper 3 | CPU: Intel 3770k @5.1Ghz | RAM: 32Gb G.Skill Ripjaws X @1600Mhz | Graphics card: EVGA 980 Ti SC | HDD: Seagate barracuda 3298534883327.74B + Samsung OEM 5400rpm drive + Seatgate barracude 2TB | PSU: Cougar CMX 1200w | CPU cooler: Custom loop

Link to post
Share on other sites

1 minute ago, GreezyJeezy said:

welp is time for me to forget some stuff i learned and learn some new stuff, man this sucks 

Im not a fan of the sites like code academy because i already know the basics, i just want to know a task to do. I started leaning HTML, css, java script, php, but wanting to build my own website. I actually have just moved my website over to bootstrapper www.luc401.com

|Casual Rig| CPU: i5-6600k |MoBo: ROG Gene  |GPU: Asus 670 Direct CU2 |RAM: RipJaws 2400MHz 2x8GB DDR4 |Heatsink: H100i |Boot Drive: Samsung Evo SSD 240GB|Chassis:BitFenix Prodigy |Peripherals| Keyboard:DasKeyboard, Cherry MX Blue Switches,|Mouse: Corsair M40

|Server Specs| CPU: i7-3770k [OC'd @ 4.1GHz] |MoBo: Sabertooth Z77 |RAM: Corsair Vengeance 1600MHz 2x8GB |Boot Drive: Samsung 840 SSD 128GB|Storage Drive: 4 WD 3TB Red Drives Raid 5 |Chassis:Corsair 600t 

Link to post
Share on other sites

1 minute ago, Luc401 said:

Im not a fan of the sites like code academy because i already know the basics, i just want to know a task to do. I started leaning HTML, css, java script, php, but wanting to build my own website. I actually have just moved my website over to bootstrapper www.luc401.com

you made that website from scratch?

 

Link to post
Share on other sites

Just now, GreezyJeezy said:

you made that website from scratch?

Nope used a bootstrapper template. I made my old website from scratch  this is what it looked like .

http://i.imgur.com/YVrINum.png

|Casual Rig| CPU: i5-6600k |MoBo: ROG Gene  |GPU: Asus 670 Direct CU2 |RAM: RipJaws 2400MHz 2x8GB DDR4 |Heatsink: H100i |Boot Drive: Samsung Evo SSD 240GB|Chassis:BitFenix Prodigy |Peripherals| Keyboard:DasKeyboard, Cherry MX Blue Switches,|Mouse: Corsair M40

|Server Specs| CPU: i7-3770k [OC'd @ 4.1GHz] |MoBo: Sabertooth Z77 |RAM: Corsair Vengeance 1600MHz 2x8GB |Boot Drive: Samsung 840 SSD 128GB|Storage Drive: 4 WD 3TB Red Drives Raid 5 |Chassis:Corsair 600t 

Link to post
Share on other sites

5 minutes ago, Luc401 said:

Nope used a bootstrapper template. I made my old website from scratch  this is what it looked like .

http://i.imgur.com/YVrINum.png

ah i thought it was a template, and yeah thats pretty much what mine will look like xD

 

Link to post
Share on other sites

12 minutes ago, GreezyJeezy said:

ah i thought it was a template, and yeah thats pretty much what mine will look like xD

Id suggest doing something like mine at first then moving over to bootstrapper, its actually amazing how well you can implemetn stuff into boot

|Casual Rig| CPU: i5-6600k |MoBo: ROG Gene  |GPU: Asus 670 Direct CU2 |RAM: RipJaws 2400MHz 2x8GB DDR4 |Heatsink: H100i |Boot Drive: Samsung Evo SSD 240GB|Chassis:BitFenix Prodigy |Peripherals| Keyboard:DasKeyboard, Cherry MX Blue Switches,|Mouse: Corsair M40

|Server Specs| CPU: i7-3770k [OC'd @ 4.1GHz] |MoBo: Sabertooth Z77 |RAM: Corsair Vengeance 1600MHz 2x8GB |Boot Drive: Samsung 840 SSD 128GB|Storage Drive: 4 WD 3TB Red Drives Raid 5 |Chassis:Corsair 600t 

Link to post
Share on other sites

1 minute ago, Luc401 said:

Id suggest doing something like mine at first then moving over to bootstrapper, its actually amazing how well you can implemetn stuff into boot

a guy on here actually let me use his server and is giving me 1 year of hosting for free

 

Link to post
Share on other sites

1 minute ago, GreezyJeezy said:

a guy on here actually let me use his server and is giving me 1 year of hosting for free

Nice i use angryhosting for 1$ a month, and godaddy for ~30$/year for my domain.

|Casual Rig| CPU: i5-6600k |MoBo: ROG Gene  |GPU: Asus 670 Direct CU2 |RAM: RipJaws 2400MHz 2x8GB DDR4 |Heatsink: H100i |Boot Drive: Samsung Evo SSD 240GB|Chassis:BitFenix Prodigy |Peripherals| Keyboard:DasKeyboard, Cherry MX Blue Switches,|Mouse: Corsair M40

|Server Specs| CPU: i7-3770k [OC'd @ 4.1GHz] |MoBo: Sabertooth Z77 |RAM: Corsair Vengeance 1600MHz 2x8GB |Boot Drive: Samsung 840 SSD 128GB|Storage Drive: 4 WD 3TB Red Drives Raid 5 |Chassis:Corsair 600t 

Link to post
Share on other sites

58 minutes ago, Hazy125 said:

Codeacademy is about the only service that provides it that well, if you want to specify a different HTML version, you need to use a different document type declaration. For example, HTML 4.01 transitional was the most commonly used before HTML5 became the recommended by W3C. It's DTD was

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 

EDIT: Also, you previous topics code had errors which was why codeacademy wasn't accepting it. You had align=center rather than align="center"

hey i have a question. so is it better to use CSS or HTML stuff for like the style attribute or does it not matter? im looking into it on the w3school and it showed coloring text with html (i knew how to do that) then it shows it with CSS, is there a time when its better to use CSS for stuff HTML can do?

 

Link to post
Share on other sites

4 minutes ago, GreezyJeezy said:

hey i have a question. so is it better to use CSS or HTML stuff for like the style attribute or does it not matter? im looking into it on the w3school and it showed coloring text with html (i knew how to do that) then it shows it with CSS, is there a time when its better to use CSS for stuff HTML can do?

In general, it's better to use CSS over HTML. Also, they style attribute is CSS. For example:

 

<div align="left"></div>//This is a HTML attribute
<div style="align:left;"></div>//This is inline CSS

CSS comes in 3 forms, external, embedded and inline. External has CSS in a different document entirely that is linked with HTML. Embedded is in the HTML document, enclosed in a <style></style> tag. And inline is above- inside a style attribute. If you wanted to target an element with a class of 'blue' for example, inline CSS overrides embedded CSS, which overrides external CSS. That's what the Cascading part in Cascading Style Sheets(CSS) means. Thus with CSS you have a lot more control and flexibility then using HTML.

Also, a whole bunch of HTML attribute stuff looks really ugly. Just a mess of quotation marks and '=' signs. So CSS looks better as well

 

I am good at computer

Spoiler

Motherboard: Gigabyte G1 sniper 3 | CPU: Intel 3770k @5.1Ghz | RAM: 32Gb G.Skill Ripjaws X @1600Mhz | Graphics card: EVGA 980 Ti SC | HDD: Seagate barracuda 3298534883327.74B + Samsung OEM 5400rpm drive + Seatgate barracude 2TB | PSU: Cougar CMX 1200w | CPU cooler: Custom loop

Link to post
Share on other sites

9 minutes ago, Hazy125 said:

In general, it's better to use CSS over HTML. Also, they style attribute is CSS. For example:

 

 

so can you use CSS like you would HTML with style?

 

so say you want some green text in HTML you go

<P style="color: green"> hello </P>
 

just to make that one like green, i saw in CSS in the heading you can put like

p 
{ 
  color: green;
}

but then every paragraph is green, using CSS can you make it just like with HTML where you can make just one paragraph green? same for font and size.

 

or is that inline where you do that? sorry if you  answered that with your last post im just new and dont know a lot i just go to the part talking about external CSS on w3

 

Link to post
Share on other sites

First, yes, that is how you would use inline CSS to make the text green. Next part will be a bit of an explanation so bear with me 

 

There are many many different ways to target with CSS...

class- Use to apply a style to multiple things with that class name

id- Use to apply to one thing only. Technically you can put an id on mutiple items and it should work fine but don't... That's what class is for

:input- For input elements on a form

tag- Similar to what you did before, this will apply to all of that tag. You used paragraph.

 

You can also select using the parent element to start with. For example

<header><h1>Main page title</h1></header>

<section><h1>Secondary page title</h1></section>

<stlye>
	header h1{
  	font-size: 150%;
  }  
</style>

This will only apply font size to the h1 tag that's inside the header element. This also works for classes and id's. For example, you use # to target id's, so something like #mainSection span{} will work, applying the CSS to all spans enclosed in the the element with the id of mainSection.

 

Theeeeeen, you also have psuedo selectors. So this is all the cute hover things you see on websites

<style>
  p{
  	border: 1px solid black;
  }
  p:hover{
  	border-radius: 5px;
  }
</style>

<p>Hover over me and I will get a curved border</p>

and this can extend to target different elements when you hover over this and that aaaaaaaaand there's way too much for me to even being to cover. but yeah, I forgot what you asked, hop this answered it 

I am good at computer

Spoiler

Motherboard: Gigabyte G1 sniper 3 | CPU: Intel 3770k @5.1Ghz | RAM: 32Gb G.Skill Ripjaws X @1600Mhz | Graphics card: EVGA 980 Ti SC | HDD: Seagate barracuda 3298534883327.74B + Samsung OEM 5400rpm drive + Seatgate barracude 2TB | PSU: Cougar CMX 1200w | CPU cooler: Custom loop

Link to post
Share on other sites

If the codecademy course uses <center> tags, it is truly terrible... it is the very obsolete, and, today, wrong way of doing things. I initially learnt html from w3schools, even tho it's said to be a bad place to learn. Then I learnt from many different sources, and I'm just looking at docs if there is something I don't know. MDN (Mozilla Developer Network) is said to be the best place to learn, but when I looked at it, it seemed to be not too beginner-friendly.

A common mistake is to confuse HTML with CSS, and you should make a clear distinction there. You actually don't really need CSS to do backend programming for example.

I created a topic about Codecademy, it's more about the programming side, but you should still look at it and share:

 

Link to post
Share on other sites

Elemental 

Spoiler

Intel i5 6500 @3.8ghz - 8GB HyperX - 600w Apex PSU - GTX 1060 G1 GIGABYTE 6GB - s340 Black - 240gb Toshiba Q300 - Cooler master TX3i - MSI z170-A PRO.

Old Build (sold for 290€)

Spoiler

Intel i3 540 @ 3.9ghz (On stock cooler, Hits 80c max) - 8gb ram - 500w power supply - P7H55-M LE  120gb SSD - Talius Drakko case

Project Frug 50$ Water loop

 

Laptops

Spoiler

13" Macbook Air - Alienware m14x r2 -  2009 15" Macbook Pro (I was give all of these and would never buy them myself)

 

 

Link to post
Share on other sites

I found http://htmldog.com/guides/html/ useful when I was learning the basics of HTML, though that may have changed, or it may just have been that I didn't know any better. It's still worth trying though IMO.

They have a CSS tutorial too once you've got the hang of HTML.

HTTP/2 203

Link to post
Share on other sites

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

×