HTML - Basic HTML [OVERVIEW]

Basic HTML

Introduction

Watch the video below for an Introduction to Basic HTML.

List of Lessons

  • Introduction to HTML
  • Text Editors vs. GUI Editors
  • HTML Page Layout
  • Basic HTML Elements
  • Common Programming Structures
  • Building Your Site

Essential Questions

  1. How do HTML documents differ from documents created with a word processor?
  2. Explain the basic structure of an HTML document.
  3. What is the difference between a text editor and a GUI editor?
  4. Why is it important to use an HTML validator for your web pages?

Key Terms

Arrays | Solutions which allow the application of operations to an entire set of values at once.

Attribute | Provides additional information about an element.

Back-end Programming | Programming languages that are used to work with the server, often including databases.

Conditionals | Commands that handle decisions and perform different actions depending on the input.

Debug | To find errors in your code.

Deprecated Tags | HTML tags that are no longer supported by HTML.

DOM | Document Object Model is an API that treats HTML elements as objects that can be manipulated in a variety of ways

Dynamic Website | A website that has interactivity that changes with what the user does.

Element | The HTML code from the opening tag to the closing tag.

Expression | A syntactic entity in a programming language that may be evaluated to determine its value.

GUI | Graphical User Interface – a program that allows you to create a website without using coding. 

HTML Living Standard | HTML5 standards that are always evolving.

Hyperlink | A digital reference to data, a document, or a specific element within a document that the user can reach by clicking on the link.

Index | The typical file name for the home page of a website.

Loop | A section of code that is run over and over until a certain condition is satisfied.

Markup Validation Service | A free service that checks the validity of web documents.

Metadata | Information about the website the browser uses during the search process.

Object-Oriented Programming | A programming paradigm based on the concept of "objects", which can contain data and code: data in the form of fields, and code, in the form of procedures.

Page Layout | The process of placing and arranging text, images, and graphics on a page.

Semantic Elements | Elements of code that use words that describe their purpose.

Statement | A syntactic unit of an imperative programming language that expresses an action to be carried out.

Static Website | A website that stays the same no matter what the user does.

UTF-8 | UTF-8 is a variable-length character encoding used for electronic communication; it stands for Unicode Transformation Format – 8 bit.

Viewport | The user’s visible area of a web page.

W3C | The World Wide Web Consortium, the organization that oversees the web and the standards for the web.

WHATWG | Web Hypertext Application Technology Working Group, the organization that maintains and creates new HTML standards.

[CC BY 4.0] UNLESS OTHERWISE NOTED | IMAGES: LICENSED AND USED ACCORDING TO TERMS OF SUBSCRIPTION