How to code

Discussion in 'Off Topic' started by HazlerTheDazzler, Oct 15, 2014.

  1. HazlerTheDazzler

    HazlerTheDazzler Well-Known Member Retired Staff

    Hello! You may know me (probably not as I am not as active as I use to be)

    Well lets get into this, I have coded java, but lost interest for reasons I cannot remember.
    Coding is really cool and is a good job if you enjoy it and you are good at this. To start off,
    I will show you how to simply make a website. This won't be public as you would have to pay for that. but anyway lets get straight into this

    Open up notepad(if you don't know what this is, leave now)
    Start by typing this
    <html>
    </html> (this has a slash indicating it is the end of command)

    open up between these two so
    <html>
    You have a space in between
    </html>

    inside this type

    <html>
    <h1>Hello this is my website<h1>
    </html>

    Now save that as index.html in all files

    Go to start, type in below all programs "index" you should see a google crome icon that says "index" you may see various different icons depending on which internet explorer you use.

    once you open that up you should see
    "Hello this is my website"

    if you do, well done!!!!

    now back to notepad, we are now going to center our text

    <html>
    <center>
    <h1>hello this is my website<h1>
    </center>
    </html>

    anything you put inside the <center> and </center>
    will be centered so now click save. Refresh you website and it should be centered
    if your text is centered, well done!!!

    Now we are going to add in one last thing and I will continue this depending on how many of you would like to learn more!

    find a picture on google images, any you like!

    find the picture, right click on it and click on "inspect elements"

    copy the words that are highlighted and paste them into notepad like this

    <html>
    <center>
    <h1>hello this is my website<h1>
    <img id="irc_mi" src="http://wallpaperstock.net/cute-pug_wallpapers_32579_1024x768.jpg" width="612" height="459" style="margin-top: 0px;">
    </center>
    </html>


    now, save that and refresh your website, if this has worked, your the best!!!!
    if not check over it.

    End of part 1. Comment for more!

     
  2. RazerH

    RazerH Moderator Penguin Retired Staff

    You either do all that or become a Penguin (referring to QuickSteve)
     
    HazlerTheDazzler licks this.
  3. Miner

    Miner Bye y'all Penguin Retired Staff

    This is basic stuff - just a note that it's good to include alt in the picture tag incase the browser can not display the picture-
    Forgot a few non-essential tags like body but other than that, es all good.

    More here: http://www.w3schools.com/html/default.asp

    Other note: notepad++ is better because it has numbers on the side and markers, also not sure if notepad displays colors for different things like notepad++
     
    RazerH licks this.
  4. Quicksteve

    Quicksteve Supreme Overlord Penguin Staff Member Administrator Owner Moderator Event Winner Penguin

    WebStorm is nice as well, but complex.
     
    Miner licks this.

Share This Page