Learning HTML - Wish me luck

Discussion in 'HTML & Website Design' started by jaredgravatt, May 23, 2008.

  1. #1
    Well I have finally decided I will learn HTML - I have been thinking about it for years, but I think I will sit down right now and start actually learning it.

    I posted a thread ages ago asking for resources, preferably free, for doing this. These are what I got;

    www.w3schools.com
    Webmonkey
    www.w3.org
    www.lynda.com
    www.webdevelopmentturorials.com
    Book: "Build your own website the right way using HTML and CSS" by Ian Lloyd
    www.html.net
    www.htmldog.com
    Sitepoint
    Book: Bullet Proof Web Design
    Book: HTML Mastery
    www.esnips.com

    If you would like to add to this list it would be great.

    The main reason I have started this thread is so that when I run into a problem I can ask you brilliant HTML coders about it and you will be able to steer me in the right direction.

    Also you might be able to offer me some advice.

    I am starting out by working through the ebook "Basic HTML" by Dan Thompson.

    Any thoughts?

    Also One Question. What exactly is CSS?

    Regards,

    Jared.
     
    jaredgravatt, May 23, 2008 IP
  2. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #2
    First Question:

    I am trying to add an image. I did everything the book says but instead of the image showing up when I preview the page I get a box with a little red X in it (the error sign)

    This is my code so far

    <html>
    <head>

    <title> Jared's Home Page</title>

    </head>

    <body bgcolor = "#0000ff">
    <font color = "red">
    <h1>I am Jared and this is my First Web Page</h1>
    <img src="myimage.jpeg"></a>
    </font>
    </body>
    </html>
     
    jaredgravatt, May 23, 2008 IP
  3. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #3
    Is it something to do with the fact that my image is in the same folder as my webpage and I havn't entered the file correctly?
     
    jaredgravatt, May 23, 2008 IP
  4. akmacorp

    akmacorp Peon

    Messages:
    120
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Why do you want to learn HTML?

    If you want to learn HTML because you want to create
    website, I think it's better to learn how to use
    WYSIWYG (What you see is what you get) software
    to build your website.

    This way, you can create your website without have
    to know about html.

    This is my opinion only.
     
    akmacorp, May 23, 2008 IP
  5. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #5
    I am wanting to learn more so I can edit the html created by those programmes for SEO purposes.
     
    jaredgravatt, May 23, 2008 IP
  6. dylanj

    dylanj Peon

    Messages:
    173
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    0
    #6
    No disrespect intended, but WSYIWYG software is bad. Dreamweaver, Frontpage, you name it, it's all crap. If you really want to make a website, you should either use a CMS, or learn HTML. Either way, you should know HTML.

    Now, about that question.

    Firstly, </a> isn't needed, and shouldn't really be there, seeing as the <a> tag wasn't opened in the first place. And about the little red X? That basically means that the browser couldn't find the image. Make sure that there is an image called "myimage.jpeg" in the same folder as the web page that you're making. Also, it might need to be ".jpg" rather than ".jpeg"? Both are valid file formats, but sometimes us humans make spelling mistakes :)

    Hope this helps
     
    dylanj, May 23, 2008 IP
  7. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #7
    thanks a lot. I have decided I am going to use the resources available and try and build this website www.entrepreneurprofit.co.nz (I built it using dreamweaver) using html as I know the images are uploaded to the web.
     
    jaredgravatt, May 23, 2008 IP
  8. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #8
    Now, when it comes to creating Navigation areas/lists is there anything special I should be doing?
     
    jaredgravatt, May 23, 2008 IP
  9. Dondon2d

    Dondon2d Peon

    Messages:
    3,193
    Likes Received:
    146
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Yep, it could be. If the image is on the same folder as your HTML file you can link to it directly (ie "filename.jpg") if it is inside a folder you can do it like this ("foldername/filename.jpg"), if it is in the folder above your HTML file you can do it like this ("../filename.jpg").

    Hope this helps :)
     
    Dondon2d, May 23, 2008 IP
  10. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #10
    Thanks everyone.

    This is what I have got towards www.entrepreneurprofit.co.nz

    <head>
    <title>This is the First Page Built By Jared Using HTML</title>
    </head>

    <body>
    <table border=5 table width=80% tr align=center>
    <tr>
    <th colspan=3><img src ="http://www.entrepreneurprofit.co.nz/header.jpg"></th>
    </tr>
    <tr>
    <td width=20%><a href="http://www.entrepreneurprofit.co.nz">Home</a></td>
    <td width=60%>Middle</td>
    <td width=20%>Right</td>
    </tr>
    <tr>
    <td colspan=3><center>Footer</center></td>
    </table>
    </body>

    Now I understand that tables are considered bad nowadays, but how on earth do I do it without them?
     
    jaredgravatt, May 23, 2008 IP
  11. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #11
    Please check out my html so far and tell me where I can improve, change and or redo.

    <head>
    <title>This is the First Page Built By Jared Using HTML</title>
    </head>

    <body link="black">
    <table border=5 table width=90% tr align=center>
    <tr>
    <th colspan=3><img src ="http://www.entrepreneurprofit.co.nz/header.jpg"></th>
    </tr>
    <tr>
    <td width=18% valign="top">
    <b>
    <font size="-1">
    <a href="http://www.entrepreneurprofit.co.nz">Home</a>
    <hr>
    <a href="http://www.entrepreneurprofit.co.nz/business-ideas.html">Business Ideas</a>
    <hr>
    <a href="http://www.entrepreneurprofit.co.nz/buying-a-business.html">Buying A Business</a>
    <hr>
    <a href="http://www.entrepreneurprofit.co.nz/creating-a-business-plan.html">Creating A Business Plan</a>
    <hr>
    <a href="http://www.entrepreneurprofit.co.nz/finding-customers.html">Finding Customers</a>
    <hr>
    <a href="www.entrepreneurprofit.co.nz/getting-financing.html">Getting Financing</a>
    <hr>
    <a href="http://www.entrepreneurprofit.co.nz/inventing.html">Inventing</a>
    <hr>
    <a href="http://www.entrepreneurprofit.co.nz/promoting-your-business.html">Promoting Your Business</a>
    <hr>
    <a href="http://www.entrepreneurprofit.co.nz/running-a-business.html">Running A Business</a>
    <hr>
    <a href="http://www.entrepreneruprofit.co.nz/assessing-a-business-idea.html">Assessing A Business Idea</a>
    <hr>
    </font>
    <b>
    </td>
    <td width=64%>
    <center><img src="http://www.buildanichestore.com/affiliate/images/468x60/ebay-sellers.gif" width="468" height="60" border="0"></center>
    <h3>How To Be An Entrepreneur</h3>
    <p>There are many professions in the world today for a person to choose from and one of those professions is the profession of entrepreneurship. It is not a profession in the sense that being a doctor is a profession because when you are an entrepreneur, you are working for yourself and creating a business from scratch. There are many things that you need in order to be an entrepreneur and many of those things are qualities within yourself that you need to have. The most important things you need in order to be an entrepreneur are discussed below.</p>
    <h3>Perseverance</h3>
    <p>One of the most unknown facts about the most successful businessmen in the history of the world is that they were extremely unsuccessful in a lot of the things that they did. When coke first started, the gross income was just barely over $10. There are many other companies as well that today are well known brand names across the world that got their start either through a lot of adversity or alternatively were successful companies started by people that had endured multiple bankruptcies through previous attempts. One of the qualities therefore that make a good entrepreneur is perseverance. If you promise yourself right now that you are going to start a successful company, then you can persevere through any bankruptcies and lulls that you need to in order to eventually find the company that is right for you.</p>
    <h3>Work Ethic</h3>
    <p>This goes somewhat hand in hand with the idea of perseverance, but work ethic is another important thing that people need to have. Without a good work ethic, all you are going to end up doing is start a company that will have way more work attached to it than you can ever hope to do. When you start with a company, traditionally you end up working extremely long hours for extremely unsatisfying pay and when you are in that situation, the promise of better days ahead is not enough to keep most people going. Only a person that is willing to put the hard work in (and knows they have this ability from other parts of their life) to make sure the company becomes successful will be able to actually make it successful in the long run.</p>
    <h3>Planning</h3>
    <p>Make no mistake about it; perseverance and work ethic are the two most important aspects to being an entrepreneur in the modern world. However, planning ability is important as well. While you certainly can start mucking around at random and luckily strike onto an excellent business idea, having at least a basic plan of what you want to do and where you want to go in your business will increase your odds of success by a very significant amount. The ability to set realistic goals in planning is great for an aspiring entrepreneur and when it is combined with the work ethic to achieve those goals and the perseverance necessary to miss a goal and still keep going, the end result is a very special person indeed.</p>
    <hr>
    </td>
    <td width=18%>Right</td>
    </tr>
    <tr>
    <td colspan=3><center>Footer</center></td>
    </table>
    </body>

    Thanks in advance
     
    jaredgravatt, May 23, 2008 IP
  12. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #12
    Oh and also how do I get the free investing pack to go where it is on www.entrepreneurprofit without creating another table.

    Because tables are bad, I hear.
     
    jaredgravatt, May 23, 2008 IP
  13. Vinny911

    Vinny911 Banned

    Messages:
    114
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Start Using xHTML 1.0 with CSS.
     
    Vinny911, May 23, 2008 IP
  14. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #14
    How do I do that.

    I am just taking it one step at a time at the moment.
     
    jaredgravatt, May 23, 2008 IP
  15. netcollection

    netcollection Active Member

    Messages:
    407
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    53
    #15
    after you finish with HTML, "learn" xHTML (it's like HTML just with little changes) and after that learn CSS. good luck. :D
     
    netcollection, May 23, 2008 IP
  16. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #16
    thanks for the encouragement.

    What is better for SEO?
     
    jaredgravatt, May 24, 2008 IP
  17. Gigacore

    Gigacore Active Member

    Messages:
    359
    Likes Received:
    18
    Best Answers:
    0
    Trophy Points:
    60
    #17
    ....after learning CSS, learn little PHP and u can create wordpress themes :)

    All the best :)
     
    Gigacore, May 24, 2008 IP
  18. catalin

    catalin Peon

    Messages:
    498
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #18
    "I have been thinking about it for years."
    Stop procrastinating , i've learned the basics of html in 1 or 2 days,i don't need more to get around things.
     
    catalin, May 24, 2008 IP
  19. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #19
    Caitlin: I have stopped procrastinating, hence learning now!!!

    Gigacore: Does it never end ? ? ?
     
    jaredgravatt, May 24, 2008 IP
  20. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #20
    Oh, by the way. I have uploaded my first attempt to www.entrepreneurprofit.co.nz/my-website.html

    I would really apreciate it if you guys would take a look, especially the code in regards to SEO, and tell me how to improve.
     
    jaredgravatt, May 24, 2008 IP