The flashcards below were created by user
slc53
on FreezingBlue Flashcards.
-
Filenames should...
avoid spaces and underscores and include html extension.
-
More complicated web pages need...
a server.
-
A server offers...
more functionality and also means other people can access your web site.
-
Hyperlinks let you...
move from one content page to another.
-
HTML stands for...
Hypertext Markup Language
-
Hypertext is...
any item or object that can be linked to another object.
-
URL
Universal resource locator: a web address.
-
Protocol
http (hypertext transfer protocol) is the standard for communicating on the web.
-
http stands for...
hypertext transfer protocol
-
Host name
www. Typically people start their web servers with www. Users have come to expect it. It isnt a requirement, but it is very common.
-
Domain name
Examples: .com .org .in .br .ca .gc.ca .cn .com.lb .com.ph .gr .nz .za
-
Subdomain
This refers to all text between the host name and the domain name.
-
Page name (optional)
The filename at the end of the url. Common extensions are .html .php.
-
Username (optional)
A tilde in a url can mean a username. In the example http://www.payrolldept.fakecompany.ca/%7EBBunny01/paystub.html the user is logged in as BBunny01
-
Css stands for...
cascading style sheets
-
A paragraph element looks like
<p>This paragraph is exciting. Im sure all would agree.</p>.
-
A tag looks like...
<p> or </p> or <h1> or </h1>
-
<p>This paragraph is exciting.Im sure all would agree.</p> is a(n)..
element
-
<p> or </p> or <h1> or </h1> are examples of...
tags.
-
html tags should be...
in lower case.
-
Special characters can be written using...
& followed by ;
-
How are comments written?
<!-- followed by -->
-
What elements must be near the beginning of every page? What must be the first element?
<!doctype html>(must be on the first line)
<html lang ="en">
- <head> (head and title element)
- <title>...</title>
- </head>
- <meta charset = "UTF-8">
- the meta element inside the head tag
-
What is the doctype element?
<!doctype html> must be on the first line. It tells the browser you are using html version 5
-
What is the html element?
- <html lang ="en">...all your html code...</html>.
- This tells the browser that everything between the <html> and </html> tags is html code.
- It also specifies the language for screen readers.
- There is only one html element per page. </html> should be the last line.
-
What is the head element?
- <head> (head and title element)
- <title>...</title>
- </head>
- -near the top of your code
- -describes info about page.
- -not displayed.
- -important for proper display of page.
-
What is the title element?
- <title>...</title>
- -inside the head element.
- -appears in title bar in browser.
- -after html element.
- -indent code inside head element.
- -only 1 title element.
- -use depends on browser or client.
- -used by search engines and for bookmarks.
-
What is the meta element?
- <meta charset = "UTF-8">
- -placed inside the head tag.
- -specifies the character set used.
- -English web pages use UTF-8.
- -allows browser to display a large variety of characters, including other languages.
- -this tag does not have an end tag(self-closing).
-
What is the body element?
- It encompasses all data that will be displayed in the browser. There is only one body element per page.
- </head>
- <body>
- ...(indent all lines)...
- </body>
- </html>
-
What elements must be on each web page?
doctype, comment, html, head, title, meta, body
-
What types of elements may only appear once per page?
- body, h1
- maybe: doctype, html, head, title, meta
-
Why would you use <ol> and </ol>?
To create an ordered list.
-
What is an ordered list? How do you create one? What is a property?
- 1. iPhone
- 2. Android
- 3. Blackberry
- <ol>
- <li>iPhone</li>
- <li>Android</li>
- <li>Blackberry</li>
- </ol>
Ordered lists are numbered but do not have bullets.
-
How do you create the look:
1. iPhone
2. Android
3. Blackberry
- Make an ordered list.
- <ol>
- <li>iPhone</li>
- <li>Android</li>
- <li>Blackberry</li>
- </ol>
-
Why would you use <ul> and </ul>?
to create an unordered list
-
What is an un-ordered list? How do you create one? What is a property?
- ⋄Canada
- ⋄China
- ⋄Egypt
- ⋄Italy
- <ul>
- <li>Canada</li>
- <li>China</li>
- <li>Egypt</li>
- <li>Italy</li>
- </ul>
Un-ordered list have bullets but not numbers.
-
How do you create the look:
⋄iPhone
⋄Android
⋄Blackberry
- Make an un-ordered list.
- <ul>
- <li>iPhone</li>
- <li>Android</li>
- <li>Blackberry</li>
- </ul>
-
What is a definition list? How do you create one? What is a property?
-when you want to provide a list of items but do not want bullets or numbers.
- <dl>
- <dt>COMP 205</dt>
- <dd>Html</dd>
- <dd>Css</dd>
- <dd>Javascript</dd>
- <dt>COMP 1111</dt>
- <dd>Access</dd>
- <dd>Databases</dd>
- <dt>COMP 1100</dt>
- <dd>C++</dd>
- <dd>Programming</dd>
- </dl>
- Definition List (dl)
- Definition Terms (dt)
- Definition Descriptions (dd).
- Descriptions are under Terms.
- -no numbers or bullets
-
How do you create the look:
COMP 205
Html
Css
Javascript
COMP 1111
Access
Databases
- <dl>
- <dt>COMP 205</dt>
- <dd>Html</dd>
- <dd>Css</dd>
- <dd>Javascript</dd>
- <dt>COMP 1111</dt>
- <dd>Access</dd>
- <dd>Databases</dd>
- </dl>
-
Why would you use <dl> and </dl>?
to create a definition list
-
How do you create the look:
1. COMP 205 Test
1. Review in class work
2. Look at asst marking sheet
3. Prepare study sheet
4. Ace test
2. Have fun
⋄Friends Time
⋄Dinner
⋄Sports
⋄Game
⋄Play music
3. Call family
- <ol>
- <li>COMP 205 Test <!--closing tag not here-->
- <ol>
- <li>Review in class work</li>
- <li>Look at asst marking sheet</li>
- <li>Prepare study sheet</li>
- <li>Ace test</li>
- </ol>
- </li> <!--closing tag here-->
- <li>Have fun
- <ul>
- <li>Friends Time
- <ul>
- <li>Dinner</li> <li>Sports</li> <li>Game</li> </ul>
- </li>
- <li>Play music</li>
- </ul>
- </li>
- <li>Call family</li>
- </ol>
-
What does this look like?
<ol>
<li>Log in to your account</li>
<li>Email your prof with your:</li>
<ol>
<li>name and program</li>
<li>interests</li>
<li>experience in:</li>
<ol>
<li>programming</li>
<li>databases</li> </ol>
</ol>
<li>Chill</li>
</ol>
- 1. Log in to your account
- 2. Email your prof with your:
- 1. name and program
- 2. interests
- 3. experience in:
- 1. programming
- 2. databases
- 3. Chill
|
|