DevCamp

Guide to HTML

Not Completed Tools We'll Use in the Course

In this guide I walk through the tools that we'll use in this course, including a discussion on what IDEs and Text Editors are best for HTML/CSS Development. I also examine the Espresso editor that I will use for demonstration purposes.

Not Completed Basic HTML Website Structure

This guide explains how to build a basic HTML website, including the HTML5 syntax that works with all modern browsers.

Not Completed Working with the HTML Head Tag

This tutorial explains how to use the HTML <head> tag to encapsulate meta data that is processed by the browser, including the website title, SEO data, and encoding.

Not Completed Creating Page Components with the Div Tag

This guide examines one of the tools that you will use constantly when working with HTML projects: the <div> tag. In this material you will learn how to structure a site and organize page components using the div tag syntax.

Not Completed Implementing Inline Components with the Span Tag

This guide explains how to use the tag to customize the look and feel of inline content and organize code components inside of divs.

Not Completed Integrate Headings into Web Pages

In this guide you will learn how to add headings to a web site, including working with all the heading options that will automatically alter the size and emphasis for content.

Not Completed Using Multi Line Content with Paragraph Tags

This guide explains how you can add multi line content into a website by implementing paragraph () tags into a website.

Not Completed Working with HTML Hyperlinks

This guides examines how to add HTML hyperlinks to web pages, including options that include linking to 3rd party website and opening up new tabs when a link is clicked.

Not Completed Adding Page Breaks with the Horizontal Rule Tag

This guide shows you how to add a horizontal rule to a web page that separate page components with a horizontal line.

Not Completed Integrating Line Breaks into HTML Pages

This guide walks through how to use the break tag to add line breaks on a website.

Not Completed Creating HTML Numbered Lists

This guide walks you through how to use the HTML Ordered List tag to create numbered lists on a website.

Not Completed Working with Bullet Point Lists in HTML

Learn how to use HTML bullet points, including tips on how to give your bullets a unique set of styles.

Not Completed Working with Bold HTML Styles

This guide explains how to make text bold by using the and HTML tags, including walking through when you should choose one tag over the other.

Not Completed Using the Italic Style for Text

This guide walks through how to add italics to text components using multiple HTML5 style tag options.

Not Completed Comprehensive List of HTML Style Tags

This guide walks through how to use the full list of built in HTML style tags, including tags for showcasing mathematical equations, highlighting text, and many more.

Not Completed How to Add Images to Websites

This guide walks through how to add images to websites with the <img> tag, including an examination of the various style options you can apply to the pictures.

Not Completed Mapping Links on Images

This guide walks through how to mapping feature in HTML to place multiple links on an image based on coordinate values.

Not Completed How to work with Custom Tags in HTML

This guide walks through how to use custom HTML tags that will allow for explicitly declaring how your code is organized.

Not Completed Adding Comments to HTML Code

In this guide you will learn how to use HTML comments to add documentation to your code base.

Not Completed Guide to Using Web Developer Tools

Learn how to analyze code in the browser by leveraging the web developer tools provided by Chrome.

Quizzes

Guide to HTML