HTML stands for HyperText Markup Language. It is a computer language used to write computer programs.
HTML can be useful for digital humanists for connecting parts of websites that have been otherwise digitized.
One starts the html document by writing
<html>
And
</html>
Then within these one types
<head>
</head>
For the head section.
For the body one types
<body>
</body>
Then within the head section one puts the title
<title>
</title>
And one types one’s title between these two: say, Interesting Info About Jane Austen’s Pride and Prejudice. The whole thing looks like this:
<html>
<head>
<title> Interesting Info About Jane Austen’s Pride and Prejudice </title>
</head>
<body>
</body>
</html>
In the body, one has section headers.
<h1> Darcy </h1>
<h2> Elizabeth </h2>
Then one adds paragraphs with the symbol “p.”
<h1> Darcy </h1>
<p> Darcy is a difficult character. </p>
<h2> Elizabeth </h2>
<p> Elizabeth has a lot of wit. </p>
Bolding is indicated by
<b> </b>
And italics by
<i> </i>
For instance
<h1> Darcy </h1> is made bold by
<h1> <b> Darcy </b> </h1>
<h2> Elizabeth </h2> is made italic by
<h2> <i> Elizabeth </i> </h2>
If one wants to make an ordered list for instance of other books by Jane Austen one types
<h3> Some Other Books by Jane Austen </h3>
<ol>
And
</ol>
And between these one lists components
<li> Sense and Sensibility </li>
<li> Persuasion </li>
<li> Mansfield Park </li>
The default will number the items on the list with Arabic numerals so that it is a numbered list.
Alternatively, one can use the same entries in an unordered list
<ul>
<li> Sense and Sensibility </li>
<li> Persuasion </li>
<li> Mansfield Park </li>
</ul>
The default will put round bullets on each of the entries of the list.
The whole program looks like this:
<html>
<head>
<title> Interesting Info About Jane Austen’s Pride and Prejudice </title>
</head>
<body>
<h1> <b> Darcy </b> </h1>
<p> Darcy is a difficult character. </p>
<h2> <i> Elizabeth </i> </h2>
<p> Elizabeth has a lot of wit. </p>
<h3> Some Other Books by Jane Austen </h3>
<ol>
<li> Sense and Sensibility </li>
<li> Persuasion </li>
<li> Mansfield Park </li>
</ol>
<ul>
<li> Sense and Sensibility </li>
<li> Persuasion </li>
<li> Mansfield Park </li>
</ul>
</body>
</html>
Source used:
Castro, E. (2007). “HTML, XHTML & CSS: VISUAL QUICKSTART GUIDE: Learn HTML, XHTML, and CSS the Quick and Easy Way!” Sixth Edition. California: Peachpit Press.