1 / 21

HTML Basics: Editing, Formatting, and Linking

Learn how to edit HTML files using Notepad, format text, create lists, and link web pages with relative vs. absolute referencing.

chamomile-green
Download Presentation

HTML Basics: Editing, Formatting, and Linking

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. More HTML Richard Fisher

  2. Remember…. • You don’t need to be connected to author web pages • HTML files are TEXT files and can be edited with any text editor (like Notepad) • Relative vs Absolute referencing Richard Fisher

  3. Sections of HTML Document <HTML> <HEAD> Heading info goes here </HEAD> <BODY> Body info goes here </BODY> </HTML>

  4. Applications Used • PowerPoint - to show these slides • Notepad - text editor used to build the HTML statements • Internet Explorer - to view the web pages we build Richard Fisher

  5. Titles <TITLE> . . . </TITLE> • Indicates the title of the document, allowed Richard Fisher

  6. Headings & Centering <H1> . . . </H1> • A first-level heading (largest) <H6> . . . </H6> • A sixth-level heading (smallest) <CENTER> ….. </CENTER> Richard Fisher

  7. Formatting (con’t) <BR> • A line break <P> • A plain paragraph (creates space) Richard Fisher

  8. Formatting <B> . . . </B> • Boldface text • <I> . . . </I> • Italic text. <BLOCKQUOTE> . . . </BLOCKQUOTE> • Used for long quotes (indented) Richard Fisher

  9. Lists <OL> . . . </OL> • An ordered (numbered) list <UL> . . . </UL> • An unordered (bulleted) list <LI> • A list of items for use with <OL>& <UL> Richard Fisher

  10. Unordered List <UL> <LI>Item 1 <LI>Second item </UL> Unordered List Item 1 Second item Lists Richard Fisher

  11. Definition List <DL> . . . </DL> • A definition list <DT> . . . </DT> • A definition term, as part of a definition list <DD> • The corresponding definition to a definition term, as part of a definition list Richard Fisher

  12. Definition List <DL> <DT> This is a data term</DT> <DD>This is a data description <DD>This is a data description # 2 <DT> This is the second DT </DT> <DD>Data description item # 1 <DD>Data description item # 2 </DL> Richard Fisher

  13. Definition List This is a data term This is a data description This is a data description # 2 This is the second DT Data description item # 1 Data description item # 2 Richard Fisher

  14. Hypermedia - a variety of computer media (files) including text, graphics, sound, video, & animation Relative / Absolute referencing Images images/dallas.gif http://www.utdallas.edu/~rfisher/images/dallas.gif Links schedule.htm http://www.utdallas.edu/~rfisher/ba4320/schedule.htm Relative vs Absolute Referencing Richard Fisher

  15. Links <A HREF> . . . </A> Creates a link to another document <A HREF="http://www.utdallas.edu/~rfisher/ba4320.htm">BA 4320 - Desktop Computing </A> BA 4320 – Desktop Computing Richard Fisher

  16. Graphics Graphics .gif Photographs .jpg References to graphics of all kinds <img src=“...”> Example: <img src=“imageURL.gif” alt=“Alternative text”> Richard Fisher

  17. Images <IMG SRC=" . . . "> The URL of the image IMG SRC="../images/atwork.gif" Border=0 WIDTH=90 HEIGHT=30 ALT=Schedule> Richard Fisher

  18. Tables Begin/End Table <table>...</table> Table Row <tr>...</tr> Table Data <td>...</td> Example: <table> <tr><td>Item 1</td><td>Item 2</td></tr> <tr><td>Item 3</td><td>Item 4</td></tr> </table> Richard Fisher

  19. Tables • Border • Cellpadding • Cellspacing Richard Fisher

  20. MAILTO: <A HREF=“mailto:rfisher@utdallas.edu”> <IMG SRC=“mailbox.gif”> Richard Fisher</A> Richard Fisher

  21. The End Questions ? Richard Fisher rfisher@utdallas.edu Richard Fisher

More Related