HTML Tags

Basic Tags

Block-level text containers

<p> Tag

This is a paragraph in a paragraph tag. Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo, cum beatae odit voluptatum possimus sequi voluptate culpa voluptatibus et nam quisquam rerum ratione? Quas tenetur at eum alias dicta. Qui?

<blockquote> Tag
The <blockquote> HTML element indicates that the enclosed text is an extended quotation.
<pre> Tag
                Hey
                this is 
                pre-formatted text that
                I set
                up

Inline text styling

<em> and <i> Tags

Part of this text is important. Can you tell the difference?

<strong> and <b> Tags

This text has been modified to look bold.

<code> Tag

The following is a call to a function in my algorithms class MSTDQ(G=(V, E))

Other Tags

<a> Tag

Ever wanted to look something up? Check out this search engine

<img> Tag
Check out this cool logo
Davidson Sports Logo from 1985

Header Tags

h1 tag

h2 tag

h3 tag

h4 tag

h5 tag
h6 tag

Lists

Unordered Lists

These are some of Davidson's logos

  • This is a 1985 logo
    • Davidson Sports Logo from 1985
  • Here is the professional logo in various colors
    • Full color
    • Black text and image
    • White text, red image, black background
    • White text and image, black background
    • Department Specific

Unordered Lists

  1. This is the first item in an ordered list!
  2. This second item even has a nested list!

Tables

A simple 3x3 Table

1 2 3
2 3 1
3 2 1

A 4x3 Table — Learn about the <p> and <a> tags

Tag Name Reference #1 Reference #2
<p> </p> Paragraph tag <p>: The Paragraph element - HTML: HyperText Markup Language | MDN (mozilla.org) HTML p tag (w3schools.com)
<a> </a> Anchor tag <a>: The Anchor element - HTML: HyperText Markup Language | MDN (mozilla.org) HTML a tag (w3schools.com)

A 3x5 Table — Learn about the most common attributes of the <a> tag

Attribute Values Purpose
href Link to a document or website Linked document or website
id any-unique-name ID used for css. Most specific unique identifier
class any-name-that-can-be-reused Class used for css. There can be multiple of the same class
target _blank, _self, _parent, _top You can specify if the linked object will opened in the same tab, different tab, new window and other options.