In this enlightening (and hunger-inducing) episode, we’ll talk a bit about HTML code structure before we get into the meat of it (har har!) in upcoming episodes.
HTML Hamburger Text Markup Language
Hey everyone! Welcome back for the next installment of Don’t Fear the Internet! In this episode we cover a lot of territory—introducing the concept of tags in HTML as well as essentially showing you all the ones you need to know to make most stuff happen in web design. I show you how to build a hamburger using HTML structure. Remember that “lunch”, and “hamburger” are not real HTML tags and that you can’t just go making them up willy nilly when you’re ready to start writing your own code (unlike CSS where you can name classes whatever you want (I’m getting ahead of myself...)). I mentioned in the video that I would link the the complete list of HTML tags, so here is that link.
Some Handy HTML Tags
- a - “anchor” used for hyperlinks
- blockquote - for large quotes
- body - visible part of your site
- br - line break
- cite - a citation
- div - content divider
- DOCTYPE - document type
- em - text w/ emphasis
- h1 - most important header
- h2 - 2nd most important
- h3-h6 - 3-6th most important
- head - invisible part of your site
- html - “what follows is HTML”
- img - image
- li - list item
- link - to attach CSS stylesheets
- ol - ordered list
- p - paragraph
- span - inline content divider
- strong - strong text emphasis
- style - for inline CSS styling
- title - title of the page
- ul - unordered list
Should we distinguish between the “Internet” and the “Web”?
The Internet is just a giant internetwork of connected computers/devices. The web is one specific thing (a.k.a. “applications”) that run on top of the Internet. Other things that run on the Internet include e-mail and FTP.
The web is an application that uses HTTP to transfer documents (web pages) from web servers to the web browser. Everything on this site is regarding how to work with the web, which is based on standards such as HTML, CSS, and JavaScript.