HTML Tags CSS Tags Table Tags Containers Tags Multimedia Tags

HTML Tags Reference

HTML Tags

Tag Name Description Closing Tag Required
<!DOCTYPE html> Document Type Declaration Defines the document type No
<html> Root Element Defines the root of an HTML document Yes
<head> Site & Meta Data Contains metadata/information for the document Yes
<title> Document Title Defines a title for the document Yes
<body> Document Body Contains the visible page content Yes
<h1> ... <h6> Heading 1 Defines HTML heading and size from h1 to h6 Yes
<p> Paragraph Defines a paragraph Yes
<br> Break Line Inserts a single line break No
<nav Navigation Defines navigation links Yes
<main> Main Defines the main content of a document Yes
<article> Article Defines an article in a document Yes
<aside> Aside Defines content aside from the page content Yes
<style Style Defines style information for a document Yes
<link> Link Defines the relationship between a document and an external resource No
<embed> Embed Defines a container for an external application or interactive content No
<figure> Figure Defines self-contained content Yes
<figcaption> Figure Caption Defines a caption for a figure element Yes
<img> Image Defines an image No
<!-- comment --> Comment Defines a comment No
<a> hyperlink tag Defines a hyperlink, which is used to link from one page to another. most important attribute of <a> is href Yes
<ol> Ordered List Defines a list that is ordered and marked using numbers by default Yes
<ul> UnOrdered List Defines a list that is unordered denoted by a circle or dot by default Yes
<li> List Item Defines a list item that is a sub item of an unordered/ordered list Yes
<ul> UnOrdered List Defines a list that is unordered denoted by a circle or dot by default Yes
Back to top

CSS Tags

Tag Name Description
color: value; Set the color of the text for this element color is used to style the color of text
background-color: value; Set the background color of the elements space background-color is used to style the background of an elements space
text-align: value; text align Specifies the horizontal alignment of text
font-weight: value; font weight Specifies the weight of a font, such as bold
font-family: value; font Set the font to be used with the element, can have multiple
font-size: value; font size sets the size of the font
line-height: value; line height Sets the line height
position: value; element position Specifies the type of positioning medthod used for an element
display: value; display Specifies how a certain HTML element should be displayed
border: value; border color & style this will allow you to see the border and give it a color and line type as a style
text-transform: value; text-transform this controls the capitalization of text
padding: value; padding padding adjust the space around the border of the element to the content
margin: value; margin margin can adjust the space around the element
@font-face { font-family: font; src: url(font.woff); } Custom Font Define custom fonts to be used within css.
Back to top

Table Tags

Tag Name Description
<table> Table Defines a table
<thead> Table Head Groups the header content in a table
<th> Table Header Defines a header cell in a table
<tr> Table Row Defines a row in a table
<td> Table Data Defines a cell in a table
<tbody> Table Body Groups the body content in a table
<tfoot> Table Footer Groups the footer content in a table
colspan Table column span Attribute Defines how many columns a td element should span
rowspan Table row span Attribute Defines how many rows a td element should span
Back to top

Containers Tags

Tag Name Description Closing Tag Required
<section> Section Defines a section in a document Yes
<div> Division Defines a divison section in a document Yes
<span> Span An inline container used to mark up a part of text or document. Yes
<header> Header Defines a header for a document or section Yes
<footer> Footer Defines a footer for a document or section Yes
Back to top

Multimedia Tags

Tag Name Description Closing Tag Required
<audio> Audio Defines sound content Yes
<video> Video Defines a video or movie Yes
<source> Source Defines multiple media resources for media elements Yes
Back to top