HTML
Hypertext Markup Language, defines content through markup, currently HTML 5
CSS
Cascading Style Sheets, controls visual appearance of HTML
TEI
Text Encoding Initiative, diff language designed for marking up texts in the humanities etc
EAD
Encoded Archival Description, a diff language for finding aids
JavaScript
Changes the document in response to specific events (changes features, write script for it)
Web editors/Content Management Systems
Pros: Faster, fewer typing errors, don’t need to understand HTML
Cons: Understanding of HTML not required, need to learn application
Elements
<tag> Content </tag>
OR <p> this is a paragraph </p>
Elements inside Elements
<p> this paragraph is <em> emphasized</em> yeah. </p>
<head>
</head>
Contains data about document, but not displayed on the webpage. Must include <title> element which shows title up top. May also contain <meta></meta> and <link></link> elements.</title>
<body>
</body>
all document content goes inside the <body> which is displayed to the viewer. All body content should be marked up.
<p>
</p>
paragraph
<h1> , <h2>
</h2></h1>
1st level heading (big), 2nd level heading (smaller, etc)
<ol>
</ol>
ordered list
<ul>
</ul>
unordered list
<li>
</li>
list item
<em></em>
emphasized text
<strong></strong>
important element
Nested Elements
<a> <b> </b> <a> OR <a> <b> </b> <c> </c> </a> BUT NEVER <a> <b> </a> </b></a></a></a>
Case sensitivity
use all lowercase for HTML
Attributes & Values
<tag> content </tag>
. For example, <a> link </a>
!DOCTYPE
Must appear as first line of document, tells browser what form of HTML document is written in. Example, <!DOCTYPE html>
Adding Comments
<!--comments blah blah blah--->
Browsers ignore comments, but useful for other coders to explain info
