FREQUENTLY UPDATED.

resources 4 those who want 2 learn HTML/CSS/JS

HTML: https://www.w3schools.com/html/default.asp

CSS: https://www.w3schools.com/css/default.asp

JS: https://www.w3schools.com/js/default.asp

basic little overview :)))))

to write a paragraph, you would use the <p> tag.

eg: <p> hi </p>

a header would be <h1, h2, h3, h4>

eg: <h1> HI </h1>

NOTE: you CANNOT use 2 DIFFERENT headers in ONE TAG (<h1, h2> hi </h1, h2>), because it will NOT WORK.

output: HI

now what if you wanted 2 make a list:

<li> is an abbreviation for 'list'

<ul> is for unordered lists, stating dot points using the <li> tag.

EXAMPLE: 

<p> my fav things: </p>

<ul>              

 <li>cats           

 <li>music

 <li>cartoons

</ul>

• cats
• music
• cartoons

<ol> is for ORDERED LISTS, stating them in order with numbers using the <li> tag as well.

write the above code, but instead of <ul>, put <ol> and it will result in:

1. cats
2. music
3. cartoons

images and links:

TO INSERT A LINK, THE <a href> tag is used.

<a href="URL GOES HERE">THIS TEXT IS WHAT YOUR LINK WILL BE LABELLED AS, OTHERWISE IT'S JUST A PLAIN LINK BY ITSELF.</a>

TO INSERT PHOTOS, THE <img src> tag is used.

img src is short for 'image source' which is how i remembered it.

<img src="IMAGE URL GOES HERE">

making an image a link? OK

<a href="LINK URL GOES HERE"><img src="IMAGE URL GOES HERE"></a>

if u use sites lyk 'glitter graphics', take a look at the code and you'll notice that the image is a url from its hosting site, while the 'a href' link is a url from the website itself.

making a table:

<table> everything is embedded inside this tag

<tr> table row

<td> table data

<th>COLUMNS!!!!!!!!!!

colour coded to help understand.

<table>  (starts table)

<tr> (starts a row)

 <th> About me </th>

 <th> Things I like</th>

</tr>

 <tr>

 <td> stupid </td>

 <td> cats!!! </td>

</tr>

</table>

keep this in mind about tables: the <th> and <td> tags correspond within eachother. if you wanted to expand the columns, add another <th> tag.

They don't have the nice outline because that is CSS, something i hope i'll be able to cover

COOL MAGIC TRICK!!!!!!!! :DDDDDDDD

<marquee>

 <p> weeeeeeeeee </p>

</marquee>