Class Notes (1,100,000)
CA (650,000)
McMaster (50,000)
COMPSCI (100)
Lecture

COMPSCI 1BA3 Lecture Notes - World Wide Web Consortium, Xhtml, Unic


Department
Computer Science
Course Code
COMPSCI 1BA3
Professor
Anthony Hurst

Page:
of 3
HTML NOTES COMP SCI
Hyper Text Markup Language, Extensible hypertext markup language.
Not a programming tool, code, syntax, rules like grammar.
Syntax = formula, code
Code that tells the browser how to render the page on your screen,
WWW Is not the internet, it is a service on the internet. Internet grew from Arpanet.
HTM is also a valid name.
Hypertext is a way to organize info on the web.
Markup: refers to the symbols in html that allow for text or images in a browser.
Extensible HTML specifies the code to display content on web page must follow certain rule, Not really
Extensible.
Version 1.0
Paired: <start tag>content</ end tag>/
Slash and triangles must be there for the syntax
Empty element <tag(content can appear here)/>
Nest tags <tag1><tag2>content</tag2></tag1>.
DTD= document type definition Metadata info about the document itself(keywords, author, conent)
When opening the html file use the view source code or view source.
Html is the beginning and the end of the page
W3c = World Wide Web consortium.
Never use to be able to make money off the internet.
No title, nothing in between the
Meta = the next level therefore metadata= data about the data
You can add comments that can’t be seen on the finished product that gives info relevant to the
production of the file.
Heading elements h1-24pt h2-18pt h3-14pt h4 12pt h5-10pt h6-8pt
When ready to name, save as…
Automatic Carriage return
Bold type <strong>
Italic <em>conetent</em>
Bold and italic = <strong><em>conetent</em></strong>
Deprecated tag= out of fashion tags not used anymore.
URL- Uniform resource locater, how things are found in the WWW
Copyright and Trade mark
Copyright= &#169;
Trade mark &#174
One file, call it Index.html
En dash and Em dash-is longer
Deprecated tags are no longer used.
Save file as: filename.htm or filename.html
Try to use no more than 8 characters for filenames, lowercase, no spaces or special characters except
dash or underscore, AVOID NUMBERS 0 and 1
GIF = graphics interchange file; JPG or JPEG = joint photographics expert group; PNG = portable network
graphics
Alternative text appears as a Screen Tip in IE but not Firefox; use title attribute for Screen Tip in all
browsers.
Pixel=picture element, dot on your screen that can be lit up. More pixels =higher resolution
Three types of lists
1. Unordered H3 header
2. Definition list
3. Ordered list
Keywords are words that best identify the content of a site
The meta element is used to contain metadata
Meta tags help search engines find your Web site based on the keywords you have entered in the head
area on the home page.
HTML POWERPOINT2:
URL= Uniform resource locator- complete address of website and page you want to view
Link - a reference to another place on the same web.
Image map: can create links to different parts of an image
Hypertext transfer protocol- standards for communications between servers and clients.
Domain name system- uses serer names rather than IP addresses.
An id attribute is HTML code that identifies a particular element on a Web page
The id attribute, flag character (not a Twitter hash tag)
linktext is what the user sees and clicks on to “trigger” the link
Watch out! Some editors use left and right sets of quotation marks; you want the same quotes each
time.
The coding that identifies a heading must match each other at the top and bottom when you want to go
to top of page.
Block level element, find out about it.
Unic??
Hypertext reference
Several ids but they can’t have the same name.
An absolute file address specifies the entire directory path to a linked file
A parent folder is a folder that is at least one level higher in the directory structure
A child folder is a folder at least one level below the parent folder
If two folders are on the same level, they are referred to as sibling folders
Dot dot is the parent directory, dot is not.
Image map- the ability to break up a graphic into parts that can individually be dealt with.