Brenton Strine has developed his web development skills since the advent of the Internet in the 1990's. Professor Strine’s HTML course is aimed at beginning programmers looking to build their first web page, but also goes in depth into HTML5 features to satisfy even veteran users. Professor Strine begins with the basic concepts and then spends the majority of the lesson writing actual code and seeing its interaction with the operating environment and browser. Some of the topics covered include Web Development Tools, Essential Tags, Markup Language, Semantics, Links, and Flash Embedding. Professor Strine’s HTML course is the perfect foundation for other Educator courses such as CSS, JavaScript, and AJAX.

This content requires Javascript to be available and enabled in your browser.

Parent and child--just the standard relationships, going up and down; up is a parent; child is everything below it.0162

So, this p element has 1, 2, 3 children--three direct children, although this is also a descendent.0169

When you are talking about children, when you are navigating the DOM, usually you will want to get0178

a parent node, and then child nodes, because there is going to be an array of nodes.0186

There are a couple of ways to explore the DOM; let's look at some HTML really quickly.0196

This is a little web page that is just very simple; it is just two paragraphs--this one (with a little bit of emphasized text) and this one.0203

And you can explore the DOM in any page really easily in any browser that has an inspection tool.0213

Firefox--you can install the Firebug plug-in, which is really useful.0223

Chrome and Opera both come with an inspection tool that is automatically loaded.0228

So, this is Opera; and this is that web page that I just showed you.0232

Now, if I right-click on this heading right here, and then go down to Inspect Element and click on it, it is going to load up the inspection tool. 0248.1 And down here, it is actually showing (I am going to move this out of the way, because you don't need to think about this):0237

this is the document object model; this is the DOM tree for this page.0253

It is very simple; and you can see that it automatically collapses everything up.0259