HTML Basics: Creating an HTML Document

HTML Basics

• Not all HTML tags require a "closure" (e.g., the tag for inserting line breaks is an "empty element").
• It's a good idea to create an HTML document to organize basic HTML codes for each web page.

Essential HTML Tags

• There are 10 essential HTML tags for a well-built HTML document.
• The first tag in an HTML document must be the `` tag, which tells browsers that the page has HTML code.
• The `` tag is placed at the beginning of the document and has a corresponding closing tag at the end.

Header and Page Title

• The `` tag is used for the header of the page, containing information about the site that is not visible to users.
• The `` tag gives a site a name, which users see in their browser tabs.

HTML Syntax

• HTML codes are the universal language used to create and format websites, working on any operating system and with any browser.
• HTML tags are made up of a system of serial labels or tags, which include instructions that browsers translate.
• HTML tags appear between hyphens (< >) and consist of a start tag and a closing tag.

Tag Functionality

• The start tag defines the behavior of the content (e.g., bold text).
• The closing tag tells the browser how far this behavior should extend.
• To create a closing tag, add a slash (/) to the beginning of the tag.

Body Tag

• The `` tag contains all individual elements of the site, including visible content such as text, photos, videos, and other functionality.

Adding Content

• With the `` tag, you can insert content, including text, photos, videos, and other functionality.

Titles and Subtitles

• The , , , , , and tags format titles and subheadings, helping to prioritize information for the reader.
• It's recommended to use the `` tag only once within the content for each web page.

Paragraphs and Line Breaks

• The <p> tag helps organize text into paragraphs and line breaks.

Images

• The `` tag adds photos and graphic images to the body of a web page.