Upload
mark-carter
View
393
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Used in support of lecture on marking up text using HTML
Citation preview
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.