The Basics of HTML
Module 1: Lesson 6
Fundamentals of Web
Development
Daniel Krieglstein PhD
HTML is…
HTML is a Markup Language
Not a programming
HTML is Parsed
Needs valid structure to be parsed accurately
HTML is Back Compatible
Browsers are forgiving
Just because your HTML code “Works” doesn't mean it works correctly
The browser will ignore extra whitespace, line breaks, and comments
HTML Files
Must end in .html
[Link] [Link] [Link]
No spaces or special characters
page_2.html or page_2.html
Only Use:
Letters, numbers, underscores, hyphens, and periods
Very short filenames, 1 or 2 words
Practices all lower-case file names!!!
Anatomy of an HTML tag
Anatomy of an HTML tag
< is the OPENING angle bracket. Tells the markup is starting
“a” is the ELEMENT.
HTML tags are comprised of elements and attributes
href= is an ATTRIBUTE
“Visit DaBrook” is the TEXT NODE VALUE; the website content
</a> is the CLOSING TAG.
Self-Closing Elements
Basic HTML Skeleton
<!DOCTYPE html>
<html> The root element
<head> (Info about code)
<title></title>
<meta charset=“utf-8”>
<meta name=“” content=“”>
Links and scripts
<body>
The website’s content
Basic HTML Elements
<h1>Heading</h1> through <h6>Heading</h6>
<img src="[Link]" alt="This is an image of cool things">
<a href="[Link]">contact us</a>
<p>A paragraph</p>
<div>A division or container</div>
This is <span>a span</span> in a sentence.
<strong>Strong Importance</strong>
<em>Emphasized text</em>
Basic Tag Overview
HTML Skeleton: Further Reader
Always Start Here:
[Link]
Fin
Module 1: Lesson 6
