# Learning HTML: top down or bottom up?

**URL:** <https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300>\
**Category:** In My Humble Opinion\
**Created:** [January 13, 2003, 3:12pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300 "2003-01-13T15:12:50Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![erislover](https://avatars.discourse-cdn.com/v4/letter/e/71e660/32.png) [@erislover](https://boards.straightdope.com/u/erislover)\
**Post date:** [January 13, 2003, 3:12pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300/1 "2003-01-13T15:12:50Z")

</div>

In GQ: [http://boards.straightdope.com/sdmb/showthread.php?s=&threadid=155884](http://boards.straightdope.com/sdmb/showthread.php?s=&threadid=155884)

An interesting little argument started taking place and it seems to me to warrant its own little thread. The question is whether someone who wants to learn to design web pages (non-professionally, of course) should begin with a WYSIWYG editor like Frontpage or if they should start out with nothing more than a text editor and an HTML book.

On one hand, starting from a WYSIWYG helps one understand what HTML does, perhaps what its limitations are, and then one can learn HTML by viewing the source generated and tweaking it for different effects.

On the other, learning HTML can be daunting. Sure, it is just markup, and the syntax couldn’t be any easier. But when you use a WYSIWYG editor, the first pages you build will be pretty complex compared to your raw HTML reading skills (which are nil). In such a situation it seems like we’d be trying to teach someone to read by handing them a Stephen King book and telling them to figure it out themselves.

So what do you think?

---

<div class="post-metadata">

**Author:** ![Liberal](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Liberal](https://boards.straightdope.com/u/Liberal)\
**Post date:** [January 13, 2003, 3:15pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300/2 "2003-01-13T15:15:44Z")

</div>

My vote: Bottom up.

---

<div class="post-metadata">

**Author:** ![Crusoe](https://avatars.discourse-cdn.com/v4/letter/c/49beb7/32.png) [@Crusoe](https://boards.straightdope.com/u/Crusoe)\
**Post date:** [January 13, 2003, 3:22pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300/3 "2003-01-13T15:22:03Z")

</div>

Bottom up, accompanied by a good book on the subject (or an online step-by-step tutorial). Software may offer a quicker introduction, but as you say the results don’t always resemble anything useful for basing a deeper understanding on.

---

<div class="post-metadata">

**Author:** ![jjimm](https://avatars.discourse-cdn.com/v4/letter/j/ba8739/32.png) [@jjimm](https://boards.straightdope.com/u/jjimm)\
**Post date:** [January 13, 2003, 3:31pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300/4 "2003-01-13T15:31:37Z")

</div>

Bottom up. I am a _soi disant_ HTML expert, and I learned everything I know from unpicking other people’s pages.

WYSIWYG editors tend, on the whole, to suck. The pages they create are fine in some circumstances, but they also tend to insert tons and tons of gibberish, and if you want the page to be even the slightest bit flexible, they can’t do it.

There are some excellent tutorials [here](http://hotwired.lycos.com/webmonkey/authoring/html_basics/).

---

<div class="post-metadata">

**Author:** ![Sunspace](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/sunspace/32/1250_2.png) [@Sunspace](https://boards.straightdope.com/u/Sunspace)\
**Post date:** [January 13, 2003, 3:40pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300/5 "2003-01-13T15:40:34Z")

</div>

I second the “Bottom up” vote…

The top-down editors, and especially the “save as HTML” or “save as web page” functions of non-HTML programs such as Microsoft Word and Excel, have a way of adding huge amounts of invisible dreck to their HTML output. They do this to make the HTML look like their non-HTML output, but it bloats the file size incredibly, and causes endless problems if you need to integrate it into an existing site or edit it externally.

Build your first few pages by hand. You won’t regret learning how to do this.

I started with a text editor and an HTML book. Then I graduated to the HTML editor of Netscape. Now I use Dreamweaver.

HTML is the _only_ computer thing I’ve ever done that started off easy, and smoothly increased in complexity and possibility for as long as I wanted to learn it.

A ten-year-old can handle creating the source text of a simple page. That page will always serve perfectly well for disseminating information, which is the purpose of the Web, no matter what fancy new features are invented to dazzle creators and users.

---

<div class="post-metadata">

**Author:** ![Urban\_Ranger](https://avatars.discourse-cdn.com/v4/letter/u/e9c0ed/32.png) [@Urban\_Ranger](https://boards.straightdope.com/u/Urban_Ranger)\
**Post date:** [January 13, 2003, 5:40pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300/6 "2003-01-13T17:40:22Z")

</div>

Top down? Buttom up? Not really applicable here.

I agree that you should learn HTML with an editor and a good website or a good book (e.g. Ian Graham’s HTML Sourcebook for example).

[off topic]  
Found this when I was looking for Ian Graham’s HTML book on Amazon:

> [@](#):
>
> Availability: This title will be released on December 31, 1969. You may order it now and we will ship it to you when it arrives

> [@](#):
>
> Customers who wear clothes also shop for:
> 
> ```
> * Clean Underwear from Amazon's Target Store
> * Ladybug Rain Boots from Amazon's Nordstrom Store
> * Pet Socks from Amazon's Urban Outfitters Store
> * Puppy Footed One-Pieces for Newborns from Amazon's Old Navy Store
> 
> ```

::lol::

[/off topic]

---

<div class="post-metadata">

**Author:** ![Legomancer](https://avatars.discourse-cdn.com/v4/letter/l/779978/32.png) [@Legomancer](https://boards.straightdope.com/u/Legomancer)\
**Post date:** [January 13, 2003, 5:50pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300/7 "2003-01-13T17:50:14Z")

</div>

When I first started, I used Netscape Composer to create fairly simple webpages. Then, with a little help from tutorials, I looked at the HTML for those pages and figured out what it was doing. It wasn’t long before I abandoned the WYSIWIG editor altogether and did everything in a text editor. (To be honest, though, nothing I’ve done is overly complicated or visually astounding, mostly because I prefer simplicity.)

---

<div class="post-metadata">

**Author:** ![ftg](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/ftg/32/2801_2.png) [@ftg](https://boards.straightdope.com/u/ftg)\
**Post date:** [January 13, 2003, 6:18pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300/8 "2003-01-13T18:18:14Z")

</div>

> [@](#):
>
> \*Originally posted by erislover \*  
> On one hand, starting from a WYSIWYG helps one understand what HTML does, perhaps what its limitations are, and then one can learn HTML by viewing the source generated and tweaking it for different effects.

I disagree with this part. I can only really learn the limitations via the bottom up approach. If I want to know what a system can or cannot do, I need to look at the lowest level details.

I rec. top-down for people who with very limited needs and no goal of becoming even slightly knowledgable about web page development. If you want to do things right, learn bottom up. But still using web page dev. tools is a-okay. (FrontPage doesn’t count.)

E.g., for the page of Xmas pics I put up for my far off family, I used Netscape Composer. (Which I think I called “Communicator” in one of these threads. Ack.) But then I went thru the html file using a text editor to see if it needed cleaning up. (Just fixed some header stuff.) And I was writing cgi-bin programs by 1994.

---

<div class="post-metadata">

**Author:** ![Gozu\_Tashoya](https://avatars.discourse-cdn.com/v4/letter/g/7993a0/32.png) [@Gozu\_Tashoya](https://boards.straightdope.com/u/Gozu_Tashoya)\
**Post date:** [January 13, 2003, 9:44pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300/9 "2003-01-13T21:44:39Z")

</div>

For some reason I’m not terribly interested in going back and contributing to the debate I helped start, but…

_If you have the time_ learn HTML first.

If, for whatever reason, you need to get something up _now_, you don’t really have any choice but to a) hire someone, or b) use a WYSIWYG. And it’s ugly, and harder than it should be, but once you do learn HTML, FrontPage code _can_ be cleaned up.

And for goodness sake, use a real HTML editor (even a freeware one) - suggestions to use notepad are, as I said in the other thread, a bad attempt at humor.

---

<div class="post-metadata">

**Author:** ![DougC](https://avatars.discourse-cdn.com/v4/letter/d/7feea3/32.png) [@DougC](https://boards.straightdope.com/u/DougC)\
**Post date:** [January 13, 2003, 10:33pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300/10 "2003-01-13T22:33:05Z")

</div>

- 
  - 
    - Learning how to write a few different kinds of tags is great, because once you do it, you can forget all about it and get on with WYSIWYG editors. Employers like to hear you can write everything by hand if you have to, but they never want you to take the time and actually do it. They look for buzzwords of names of software you know how to use–Dreamweaver, Frontpage, whatever. If you’re doing lots of javascript or other web programming then you have to edit pages by hand anyway, but a good WYSIWYG editor will be able to do just about everything that’s legit in standard HTML anyway.  
…

> [@](#):
>
> If, for whatever reason, you need to get something up now, you don’t really have any choice but to a) hire someone, or b) use a WYSIWYG. And it’s ugly, and harder than it should be, but once you do learn HTML, FrontPage code can be cleaned up.

- What I have found helps a lot woth using Frontpage/Word docs is to export the word docs using the “compact HTML” filter (-saving the word doc as a web page is not the same thing). This loses some of the word doc’s formatting capabilities, but gets rid of many of the problems Frontpage has when importing word docs directly or as regular “saved as web pages”. Also: I only edit the HTML by hand if it doesn’t show up right in IE. If it works right in Netscape or anything else does not concern my boss, or me.  
~

---

<div class="post-metadata">

**Author:** ![me\_again](https://avatars.discourse-cdn.com/v4/letter/m/e0b2c6/32.png) [@me\_again](https://boards.straightdope.com/u/me_again)\
**Post date:** [January 13, 2003, 11:24pm UTC](https://boards.straightdope.com/t/learning-html-top-down-or-bottom-up/148300/11 "2003-01-13T23:24:24Z")

</div>

As an internet worker, some ask me how to which I don’t hesitate: download the free (200-300 kb - ish) HowTo from [http://insights.iwarp.com/](http://insights.iwarp.com/).

As for wisiwig, you cannot fault the colour coding and cut n paste qualities of CuteHTML.
