LibGuides Boot Camp: HTML

Michael Johnson, MLS

Circulation Librarian, Shawnee State University

What we will cover in the

next hour

What is HTML, XHTML and HTML 5

Why I need to know this

What I need to know to work with LibGuides

The Basic syntax

How to work with colors

Lets play

What is HTML, XHTML and

HTML 5?

What is HTML?

It is a mark up language that makes a graphic user

interface for interacting with web content

HTML was limited

What is XHTML?

Allowed for XML and CSS

HTML 5

The next step

Why I need to know this

Shouldn’t LibGuides do this for me?

Knowing the basics helps solve problems

Allows you to get content in the right place

Extending Libguides requires knowing basic HTML

What I need to know to

work with LibGuides

Basic syntax

Hex codes

Where to find them

Some tricks

Basic Syntax

Only two types of tags

Paired tags

<p>Hi I am Michael</p>

Self closing tags

<br/>

All content needs to between two tags

Some tags allow you to apply additional

formatting

Basic Syntax: Tags Important Tags

Paragraph <p></p>

Allows text to be writing n a paragraph and applies default formatting

Div <div></div>

Allows paragraphs but with no default formatting

Link <a src=“http://mwj.libguides.com”>MWJ</a>

Line Break <br/>

Span <span style=“”></span>

Allows formatting to applied with inline CSS to an area of text

Hex Codes

Are 6 digit codes that control color in HTML

Can be applied to borders, backgrounds, text and

several other areas

Used in many different areas of LibGuides

Also useful in tools like Adobe Kuler

Hex codes are easy to work with

Figure out the Hex Codes for your institution

Lets go into LibGuides and

work together

Practice

Copy over three paragraphs of lorem ipsum

Put four different color lines in,

Change the font on one entire paragraph

Create one list that has roman numerals and

another list with lower case letters, one list should be

entirely links

Make two sentences that are struck through

Create 2 out going links in the paragraphs