HTML – Basic Page Setup
HTML (Hypertext Markup Language) is a “mark-up language” used to “mark-up” a text document with tags that tell a web browser how to display the page.
HTML – Advanced Page Setup
To expand on a basic HTML setup and make it an advanced HTML setup we can add <meta> tags, the lang attribute, and links to external CSS/JS.
HTML – Building with Semantic Elements
A semantic element is one that clearly describes the meaning of its content to both the browser and the code developer for ease of organizing the page data.
HTML – Basic Float and Flexbox Page Layouts
There are many ways to do HTML layouts that are both semantic and able to accommodate varying screen sizes. For instance, for beginner’s the CSS Float and Flexbox layouts.
HTML – Headings
Headings in HTML come in the form of <h1>, <h2>, <h3>, <h4>, <h5>, and <h6> tags. They are used to break up the text on your page into grouping for easier reading and better SEO.
HTML – Paragraphs
The <p> tag is a way to structure your text into different paragraphs. Each paragraph of text should go in between an opening <p> and a closing <p> tag.
HTML – Core Attributes ID, CLASS, and STYLE
Attributes are a name and value pair used to define the characteristics of an HTML element, and are placed inside the element’s opening tag.
HTML – Grouping Content with DIV and SPAN
The <div> and <span> tags allow you to group together multiple elements to create sections or subsections on the page.
HTML – Block Quote and Quotation
The <blockquote> tag and <q> tag both define a section of text that is quoted from another source and may need to stand out on their own.
HTML – Line Breaks
Use a line break <br> if you want to start a new line without starting a new paragraph (using the <p> tag).
HTML – Horizontal Rules
The <hr> tag creates a horizontal line that spans the width of the element it sits within to visually separate sections of a document.
HTML – Nonbreaking Spaces
A non-breaking space can be used between words so that the browser doesn’t split the words across two lines.
HTML – iFrames
An HTML <iframe> is used to create a rectangular region, including scrollbars and borders, in one web page to display another web page.
HTML – Article Tag
The <article> tag is used in a blog post, forum post, magazine article, etc. It specifies a self-contained composition in a site, document, or page.
HTML – Aside Tag
The <aside> tag refers to content loosely related to the rest of the page content. If it is removed, the remaining content will still make sense.
HTML – Blockquote Tag
The <blockquote> tag defines a section of text that is quoted from another source and may need to stand out on its own to some extent.
HTML – Body Tag
The <body> tag defines the document’s body which contains all the contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
HTML – Break Tag
Use a <br> tag if you want to start a new line without starting a new paragraph. Unlike a new paragraph, no top or bottom margin will be added.
HTML – DIV Tag
The <div> tag allows you to group together multiple elements to create sections or subsections on the page.
HTML – Footer Tag
The <footer> tag defines a footer for a document or section within a document. It often contains contact info, copyright, and a sitemap, amongst other things.