HTML Basics

HTML Definitions

This is the HTML code from the course homepage. The definition in red are for the major HTML tags.

<!doctype html> The DOCTYPE declaration defines the document type. In this case the doctype is HTML5.
<html> This marks the beginning of the html document. It has a corresponding </html> tag that marks the end of the document. The entire web page, other than the DOCTYPE statement, is wrapped between these two tags.
<head> The head provides information about the document, including the author, description, keywords, title, and other information. 
<meta charset="UTF-8"> a tag that has many purposes, In our "bare bones" document, the attribute is charset, which is set to "utf-8". This is a required tag, which tells the browser which character set the web page is encoded in. There are many possible character sets, but "utf-8" is an international character set that is one of the most common. The <meta> tag is not a container tag. Therefore, it has no corresponding closing tag.
<title>Everett Smith Graphic Design Course Website</title> Name of document title. This title doesn't actually appear within the web page, but appears in the title bar of the browser window and this is also the title of the page that will be displayed by default in search engine results or in user's Favorites. 
<link href="css/main.css" rel="stylesheet" type="text/css"><!--[if lt IE 9]> Link defines the relationship between a document and an external resource
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body> The body section contains the contents of your document

<div class="container"> class: A container for a block of content
<span class="definition"> span: A container for in-line content, such as content inside a paragraph.
<header> The head provides information about the document, including the author, description, keywords, title, and other information. 
<a href="everett.viscomdesign.net/everett.viscomdesign.net ROOT/pages/library/header.html"><img src="" alt="Insert Logo Here" width="180" height="90" id="Insert_logo" style="background-color: #C6D580; display:block;" /></a> a: Defines a hyperlink
</header>
</span>
<div class="sidebar1"> div: Defines a section in a document
<span class="definition">
<nav> </nav>
</span>
<nav> nav: Defines navigation links
<!-- #BeginLibraryItem "pages/library/sidebar.lbi" -->!--: Comment
<ul>
<li class="definition"><a href="pages/ColorTheory.html">Color Theory</a></li> li: Defines a list item
<li class="definition"><a href="pages/CSSBasics.html">CSS Basics</a></li>
<li class="definition"><a href="pages/htmlBasics.html">HTML Basics</a></li>
<li class="definition"><a href="pages/Images.html">Images</a></li>
<li class="definition"><a href="pages/PersonalLogotype.html">Personal Logotype</a></li>
<li class="definition"><a href="pages/Makeover.html">Makeover</a></li>
<li class="definition"><a href="pages/Responsive.html">Responsive</a></li>
</ul>
<!-- #EndLibraryItem --></nav>
<span class="definition">
<aside> </aside> Defines content aside from the page content
</span>
<aside>
<p>&nbsp;</p> p: Paragraph
</aside>
<span class="definition"><!-- end .sidebar1 --></span></div>
<span class="definition">
<article class="content"> </article>
</span>
<article class="content">
<h1 class="definition">Graphic Design 240
<section> </section>
</h1>
<span class="definition">
<section> </section> section: Defines a section in a document
</span>
<section>
<h1 class="definition">About Me</h1>
<p class="definition">Student taking summer school in hopes of making a website to promote self made video game with friend. I am 20 years old heading into my third year of college at the University of Washington. Taking a break to get some other classes out of the way and avoiding communiting. Living in Marysville Washington with my dad and older sister. I'm a huge gamer who intends to work for Nintendo when I graduate high school. Favorite type of games are RPG and not a huge shooter fan.</p>
</section>
<span class="definition">
<section> </section>
</span>
<section>
<h2>&nbsp;</h2>
</section>
<span class="definition">
<section> </section>
</span>
<section>
<h2>&nbsp;</h2>
</section>
<span class="definition">
<section> </section>
</span>
<section>
<h2>&nbsp;</h2>
</section>
<span class="definition"><!-- end .content --></span></article>
<footer> Defines a footer for a document or section
<p><a href="everett.viscomdesign.net/everett.viscomdesign.net ROOT/pages/library/footer.html">@ 2014 Everett Smith | All Rights Reserved</a></p>
</footer>
<!-- end .container --></div>
</body>
</html>