1 / 24

CGS 2100 Lab Session 33

CGS 2100 Lab Session 33. Assignment 1 grade is posted online. Assignment 2 is due by midnight Feb 5. Announcement. Talk to me if you are not happy with your grade. Late assignments are NOT accepted, for ANY reason. There is NO extension for ANY reason.

winter-marsh
Download Presentation

CGS 2100 Lab Session 33

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. CGS 2100 Lab Session 33 • Assignment 1 grade is posted online. • Assignment 2 is due by midnight Feb 5.

  2. Announcement • Talk to me if you are not happy with your grade. • Late assignments are NOT accepted, for ANY reason. • There is NO extension for ANY reason. • Please sign the sign-in sheet. Without your signature, I have NO way to verify your attendance.

  3. Ways to get help • Email me (Use the correct subject format to get a quick response) • Ask me during office hours (Tue 10:30 – 11:30, CSB 114) • Open labs (Refer to the schedule on course webpage)

  4. Complain your lab instructor • If you can not get a satisfied answer in front of me, please come to see Mr. Steven Freund Ph # (407)823-4697 Computer Center I 207 sfreund@cs.ucf.edu

  5. Today’s topic More about HTML

  6. Heading Tag Heading 1 Heading 2 <h1 align=“center”>CGS2100 Lab Section 26</h1> <h2 align=“center”>Fei Lu</h2>

  7. Character Tags • Character Tags allow you to format individual characters. There are two kinds of character tags: logical and physical. Physical character tags will be covered in lab. • Physical Character Tags:

  8. Example of character tags

  9. Add character tags to a HTML file <html> <head> <title>CGS2100 Lab</title> </head> <body> <h1 align="center">CGS2100 Lab Session 33</h1> <p><b>Student's name:</b> your name</p> <p><b>Lab section:</b> 33<p> <p>Lab instructor name: <i>Fei Lu</i><p> <body> </html>

  10. You may see in web browser Bold Italic text

  11. Insert an image • file is the full name of an image file (with extension name gif, jpg or jpeg) • Place the image file in the same folder (i.e. public_html if using Pegasus) as your HTML file. <img src=“file”>

  12. Insert an image into HTML file <html> <head> <title>CGS2100 Personal Information</title> </head> <body> <h1 align="center">CGS2100 Lab Session 33</h1> <p><b>Student's name:</b> your name</p> <p><b>Lab section:</b> 33<p> <p>Lab instructor name: <i>Fei Lu</i><p> <p align=“center”><img src=“csbanner4.gif”></p> <body> </html> Image file name should be exactly the same (case sensitive) Add one line into the previous example

  13. What we see from the browser Don’t forget to put the image in the same place as your HTML file

  14. Add Hyper Links • A Hypertext Link may point to a document, an email address, another webpage etc. Link to an email Links to other websites

  15. Linking to a website/webpage • Linking to a document on your computer • Using text editor, locate the text or image you want to act as a link. • Before the text or image, insert the code: <a href = “URL”> URL is the cyber address of destination website • After the text or image link, place the closing tag </a>

  16. Linking to a website/webpage (con) The URL of the website, make sure “http://” is enclosed here

  17. What you see in browser A hyper link is created

  18. Displaying linked documents in a new window • By default, each web page you open is displayed in the main browser window, replacing the one you were viewing last. • To force a document to appear in a new window, we use the targetattribute in the href tag. General syntax is: <a href=“URL” target=“window”>Hypertext</a> Force to open a new window

  19. E-mail Link • Linking to an E-mail address <a href=“mailto:abc@abc.com”>abc’s email</a>

  20. View from the browser

  21. Specify colors • <font color="000000">example </font> “red”, “blue”, “yellow”… or six hex numbers, “ABCDEF”…

  22. Specify colors (con) • Change background color <body bgcolor=“FFFFFF"> … </body>

  23. Assignment 3 • Read the instructions very carefully before you start. • Due by 11:59pm Feb 12 • You DO NOT need to submit anything for assignment 3

  24. Log out • Please log out the computer before you leave.

More Related