Marking up text

Post on 16-Jan-2015

393 views 0 download

Tags:

description

Used in support of lecture on marking up text using HTML

Transcript of Marking up text

Domain Names DiscussionSymantec Inline ElementsReview - using Carlos Fuentes web pageLecture on text markupResume fixitGeneric Elements

Open the PDF file labeled, Instructions for Carlos Fuentes web page.Complete the web page based on these instructions.

Open the PDF file labeled, Instructions for Carlos Fuentes web page.Complete the web page based on these instructions.

abbr – Abbreviation acronym – Acronym b or strong - Bold

text br - Line break cite – Citation

code - Computer code

i or em - Italic text img - Inline image q - Short quotation

Inline elements typically may only contain text and other inline elements. When rendered visually, inline elements do not usually begin on a new line.

Open the file resume.txt in NotePad in Windows or TextEdit on Mac

Open resume_fixit.html and correct the html

Generic HTML elements include the div and span tags.

Generic because they are used to divide a document into parts which in turn through the use of identifiers (id and class) be used to style a document in specific ways.

Div can be used as a container to group like things together.<div class=”listing”>

<img src=”felic1.gif alt=”” /><p><cite>The Complete Manual of Typography</cite>, James Felic</p><p>a combination of type history with examples </p>

</div>

Div can be used to break a page into sections for context, structure and layout purposes.<div id=“news”>

<h1>News the week</h1><p> We’ve been working on...</p><p>And last but not least, ...</p>

</div>

Span is used for inline elements. Span can only contain text and other inline elements.<ul><li>Juan <span class=”phone”>999-0202</span></li><li>Julia <span class=”phone”>888-4889</span></li><li>Mairo <span class=”phone”>999-3220</span></li>

</ul>

The id identifier is used only once in a document. Treats the element as if it were data.<div id=”ISBN123456”>

<img src=”felic1.gif alt=”” /><p><cite>The Complete Manual of Typography</cite>, James Felic</p><p>a combination of type history with examples</p>

</div>

Can also be used to divide a document into parts.<div id=”pageheader”>

(masthead and navigation here)</div>

<div id=”main”>(main elements here)

</div><div id=”footer”> (copyright info) </div>

The class identifier is used for grouping similar elements and can be used multiple times on a page.<div id=”ISBN123456” class= “listing”>

<img src=”felic1.gif alt=”” /><p><cite>The Complete Manual of Typography</cite>, James Felic</p><p>a combination of type history with examples</p>

</div>

Work through Chapter 5 in BookWork through Chapter 5 in Book

Assignment: Assume you want to host Assignment: Assume you want to host a web site. Find out what is available, a web site. Find out what is available, the range of options, how much it the range of options, how much it would cost. would cost.