HERMANET THE G.O.A.T.
  • DMP
    • DMP Notes >
      • Media Literacy >
        • Media Ownership
      • Audio >
        • Audio Exercises
        • This American Life
        • Independent Interview
        • Foleys
      • GIFs
      • Storytelling
    • DMP Calendar
    • DMP Resources
  • Home
  • 3D Animation
    • 3D Animation Calendar
    • 3D Modeling >
      • Blender Basics >
        • Donut Tutorial
        • Modifiers
        • Sculpting
      • Modeling Tutorials
      • Surfaces >
        • Materials
        • Nodes
        • Textures
      • Physics >
        • Flag Tutorial
    • Characters
    • Blender Sandboxing 1
    • 3D Modeling & Animation Resources
  • Accounting
    • Accounting Calendar
    • Accounting Assignments
    • Accounting Notes >
      • Accounting Video Notes
    • Review Quizzes >
      • Intro to Accounting Quizzes
  • Web Design
    • Web Design Calendar
    • Notes >
      • Organization and Planning >
        • Basic Computer Terms
        • Critiquing Web Pages
        • Parts of URL
        • Webmasters & Accessibility
        • Good Websites
        • File Structure
        • Naming Conventions
        • Web Page Layouts
      • Setting up a Page >
        • HTML Basics >
          • Code Basics >
            • Invitation Assignment
            • HR and special char
            • Lists >
              • Basic Lists
              • List Formats
            • Headings, PG & Lists Exercise
            • HR & Formatting Exercise
            • Basic HTML challenges
      • Advanced HTML >
        • Tables >
          • Basic Tables
          • Table Exericses 1
          • Advanced Tables
          • Table Exercise 2
          • Tables Challenge
        • Color >
          • Color Design
          • Color Exercise
        • Links >
          • Absolute links
          • Relative Links
          • Email Links
          • Named Anchors
          • Links Exercise
          • Links Exercise 2
        • Images >
          • Adding Images
          • Images Exercise
          • Image Mapping
      • CSS >
        • About CSS
        • Styles >
          • Inline CSS
          • Embedded Styles
          • External Styles
        • Style Attributes >
          • CSS Text Styles
          • CSS Backgrounds
          • Link Styles
        • Div vs Span
        • Box Model >
          • About the Box Model
        • CSS Practice Project 1
        • CSS Practice Project 2
        • Transparency
        • CSS Positioning
        • CSS Transform
        • CSS Practice Project 3
      • Copyright >
        • Friendly Sources
      • JavaScript >
        • JavaScript Examples
      • Other Exercises >
        • Colors & Tables Exercise
        • Frames
        • Recipe Challenge
  • Bus Law
    • Law Calendar
    • Law Units >
      • Our Laws
      • Ethics
      • Constitution
      • Court Systems
      • Criminal Law
    • Law Resources
  • Programming
    • Programming Calendar
    • Notes >
      • Computer Systems >
        • Computer Systems Reminders
      • Objects & Primitive Data
      • Expressions, Types & Operators
      • Program Statements
      • Programming Resources
  • General Info
    • Adding Calendar Info
    • About Google Drive
    • Best Chrome Apps

Code Basics

HTML stands for HyperText Markup Language. It is not a programming language but rather it tells browsers how to display web pages.Most html tags (computer instruction identifiers enclosed with <> brackets) require both an opening and a closing. The closing tag is distinguished from the opening tag in that it has a / placed before the identifier.

A web site's skeletal structure looks like this:
Picture
The html tag at the beginning tells the browser that the information on this page can be read and displayed as a webpage. Note that there is a closing html tag at the bottom of the page to indicate that this is the end of the page.

The head tag is a place to put information that does not appear directly on the webpage. This might be the title of the page or instructions about formatting for the page.

The title tag names the page. This title will appear at the top of the browser. It's important to appropriately name your page because this is one of the main ways that search engines identify the content of your page.

The body tag is where most of the information for the webpage will go. It is where the content of the page is placed.

ATTRIBUTES
Picture
Picture
Adding Comments to HTML Code
Sometimes it's a good idea to include comments within your code as a reference to yourself or others as a description of what the code is doing. This code would not appear when the website is displayed. Non-active comment codes are written this way:

Type <!--  where you want to enter the comment, then press the spacebar.
Write your comment.
Type  --> to close the comment.

 For example:
Picture
Powered by Create your own unique website with customizable templates.