Lee Zickel, Case Western Reserve University
Emily Murphy, University British Columbia, Okanagan.
Constance Crompton, University of Ottawa

Slides and Sample files

Click here for the workshop schedule and slides. Updated June 13, 2019 at 10:00am.

Click here for the coursepack (pdf file, includes readings and software installation instructions)

Click here to download the Project Considerations questions

Click here for sample files (this is a zip file. On a Mac, double clicking should be enough to extract the files. On a PC you may have to right click and select “extract” to unzip the files, as your computer will let you see the files, but won’t let you edit them until they have been extracted). We will be using software called Oxygen Text Editor to work with xml files (that said, there are other xml editors out there. After the course, feel free to take others for a spin). Please follow the instructions for installing Oxygen on your computer (storing it in either your Programs or Applications directory).

Click here for TAPAS how-to slides (.zip file with powerpoint slides).


Learn the Markup Language of the Text Encoding Initiative (TEI)

Digital Humanities Summer Institute, University of Victoria
Women Writers Project Encoding Workshops, Northeastern University
TEI by Example
TEI Guidelines
TEI-encoded Projects
TEI listserv

TEI-Encoded Projects

(This list is by no means exhaustive)

Standard Codes

ISO standard values for xml:lang attribute
Got a thorn or a yot or a ⅌ in your source text? here is a list of character references and another list of character references. Hover over each reference to get the various numerical codes that refer to that character. Choose the one at the bottom of the list for that character that has an &# followed by three or four numbers and an ; . For example a sigma σ is &# followed by 963 and a ;


Edit your teibp.css or custom.css and then open your .xml files in Firefox to see its effect. If you would like to learn how to write css, we recommend the W3CSchools Tutorials and the Codecademy Tutorials

CSS Vocab
Selector {property:value;}


p {
color: blue;

emph {
font-style: italic;

head {
font-family: “Trebuchet MS”, Helvetica, sans-serif;
font-size: 36px;
color: #22537B;
text-align: center;
choice > reg {

persName[type=fictional] {
color: maroon;
font-style: italic;

Find the vocabulary for CSS properties (e.g., color) and values (e.g. orange) here.
Find the hex values for colours here.
Find out how construct complex selectors (e.g. person>persName which means “please style the persNames that are the child of person”) here.

Publish Your TEI

TEI Archiving Publishing and Access Service (TAPAS)  (Slides)

We would like to thank Syd Bauman and Julia Flanders for making their TEI teaching material freely available online and allowing it to be used under a creative commons license.