CSC 104 Tutorial Notes Bowen Hui June 22nd 2005 Recall from last time ===================== - structure tags - style tags - lists - tables - parameters inside tags File References =============== - 2 kinds of references - local reference elements that exist on the same directory structure as the HTML document - remote reference elements that are provided by other websites - URLs can refer to anything on the Internet Inserting Images ================ - gives the file reference - stretching the image width-height are stretched according to their original ratios Links ===== - links are what make HTML Hyper! - links to a file reference - generally have distinctive appearance (e.g., underlined) - can be clicked on - sometimes the cursor arrow changes when it hover over a link - links are specified by tag - specify the file using a hyperlink reference goes to tables page goes to local image goes to remote image - relative links - absoulte links Location Links ============== - links within the page - our "labs.html" page: ============================================================== Tentative Schedule Tutorials At A Glance May 25th 2005: Intro + Overview of HTML June 08th 2005: Structure, Style, Lists, Tables June 22nd 2005: Links ... Labs At A Glance June 01st 2005: Intro ... -------------------------------------------------------------- May 25th 2005: Tutorial * introduction, computing environment, overview of material * notes -------------------------------------------------------------- May 25th 2005: Tutorial June 01st 2005: Lab ... ============================================================== in the tentatie schedule, each date is a link to a section of text below in the particular section, just label it with a name when a tutorial/lab date is clicked on, the page jumps that the location specified by the label - requires 2 tags some description Email Links =========== - launches an email program with that address in the "To" field - specify by send your feedback to joe smith - can also specify subject field email joe smith for help Body Tag Revisited ================== TEXT Changes the color of the text on the page. This is an overall change and can only be done once on a page. LINK Changes the color of the links you have on your page BEFORE a guest on your page "clicks" on them to visit. ALINK Changes the color of an Active Link, or how a link looks when it is being clicked. VLINK Changes the color of a Visited Link, or how a link looks to the guest if they have already been to that site.