Scribd
Upload
11 views12 pages

Module 1 - Lesson 6

Uploaded by

Anónimo Cruz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views12 pages

Module 1 - Lesson 6

Uploaded by

Anónimo Cruz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

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
 index.html page2.html page3.html

 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="imagename.jpg" alt="This is an image of cool things">
 <a href="page.html">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:

https://htmlandcssguidebook.com/html/skeleton-code/
Fin
Module 1: Lesson 6

You might also like