TEST NAME: MMWD 4.01 TEST ID: GRADE:09 - Ninth Grade Twelfth Grade SUBJECT:Computer and Information Sciences TEST CATEGORY: My Classroom
|
|
- Charity Norton
- 5 years ago
- Views:
Transcription
1 TEST NAME: MMWD 4.01 TEST ID: GRADE:09 - Ninth Grade Twelfth Grade SUBJECT:Computer and Information Sciences TEST CATEGORY: My Classroom MMWD 4.01 Page 1 of 23
2 Student: Class: Date: 1. Which tag defines the visible content of a web document? A. <body> B. <head> C. <meta> D. <title> 2. Which item refers to the start tag, the end tag and everything in between? A. HTML tag B. HTML attribute C. HTML element D. CSS 3. A properly coded HTML tag will always be found between which two symbols? A. ( ) B. { } C. [ ] D. <> 4. What document or section information contains introductory content or a set of navigational links for the web page? A. Header B. Footer C. Nav D. Div MMWD 4.01 Page 2 of 23
3 5. Which is the proper way to code an inline style attribute? A. color=blue B. color blue C. "color:blue" D. color=(blue) MMWD 4.01 Page 3 of 23
4 6. In the code below, which line of code will display the web document s title in a web browser? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>my Personal Web Page</title> 5 <style> 6 body {background-color:#3d5c99; color:white; font-family:verdana; margin:10px;) 7 h1 {font-family:verdana; color:#e6e6e6; text-align:center;} 8 h2 {font-family:verdana; color:#cccccc;} 9 p {font-family:verdana; color:white; font-size:18px:} 10 img {margin:8px; padding 4px;} 11 </style> 12 </head> 13 <body> 14 <div style="background-color:#25375c"> 15 <img src="banner.png" alt="web banner"> 16 <h1>welcome to My Web Page</h1> 17 <h2>3 Facts About Me</h2> 18 <ol> 19 <li>i have one brother.</li> 20 <li>i have a dog named Skip.</li> 21 <li>i have a cat named Taz.</li> 22 </ol> 23 <img src="school.png" alt="my school" style="float:left" width="100" height="100"> 24 <p>i attend Maple High School. My favorite course is Multimedia and Web Page Design. 25 I am learning to code HTML. I think it is fun to make web pages.</p> 26 </div> 27 <footer style="background-color:#121c2e; color:#c3c3c3; ext-align:center"> 28 Your Name Here--Date 29 </footer> 30 </body> 31 </html> A. Line 4 B. Line 15 C. Line 16 D. Line 25 MMWD 4.01 Page 4 of 23
5 7. Annie wants the name of her product to be the main heading at the top of her web page. Which code would be used to define the main heading for the product in a web page? A. <h1>product</h1> B. <h3>product</h3> C. <h5>product</h5> D. <h6>product</h6> 8. The World Wide Web Consortium (W3C) plays which role in the web development standards? A. It creates websites accessible to everyone. B. It develops the standards for HTML and CSS. C. It develops web browsers. D. It is the agency that controls the World Wide Web. 9. Sarah wants to create a web page displaying text in the Arial typeface. Which CSS inline style should be used? A. <body style= font:arial > B. <body font= style:arial > C. <body style= font-family:arial > D. <body family= face:arial > 10. Between which paired tags would the visible content of a web page be displayed? A. <html></html> B. <head></head> C. <title></title> D. <body></body> MMWD 4.01 Page 5 of 23
6 11. A designer would use which tag to create a web page with sections of specific styles? A. <Header> B. <Footer> C. <Nav> D. <Div> MMWD 4.01 Page 6 of 23
7 12. In the code below, what color will the heading, Welcome to My Web Page, display when viewed in a web browser? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>my Personal Web Page</title> 5 <style> 6 body {background-color:#3d5c99; color:white; font-family:verdana; margin:10px;) 7 h1 {font-family:verdana; color:#e6e6e6; text-align:center;} 8 h2 {font-family:verdana; color:#cccccc;} 9 p {font-family:verdana; color:white; font-size:18px:} 10 img {margin:8px; padding 4px;} 11 </style> 12 </head> 13 <body> 14 <div style="background-color:#25375c"> 15 <img src="banner.png" alt="web banner"> 16 <h1>welcome to My Web Page</h1> 17 <h2>3 Facts About Me</h2> 18 <ol> 19 <li>i have one brother.</li> 20 <li>i have a dog named Skip.</li> 21 <li>i have a cat named Taz.</li> 22 </ol> 23 <img src="school.png" alt="my school" style="float:left" width="100" height="100"> 24 <p>i attend Maple High School. My favorite course is Multimedia and Web Page Design. 25 I am learning to code HTML. I think it is fun to make web pages.</p> 26 </div> 27 <footer style="background-color:#121c2e; color:#c3c3c3; ext-align:center"> 28 Your Name Here--Date 29 </footer> 30 </body> 31 </html> A. #3D5C99 B. #E6E6E6 C. #CCCCCC D. #25375C MMWD 4.01 Page 7 of 23
8 13. When using a text editor, what file extension(s) must be used when saving as a web document? A..txt B..html or.htm C..doc D..css 14. What will display for lines 10 through 14 in the code below? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>html Introduction</title> 5 </head> 6 <body> 7 <h1>things I know about HTML</h1> 8 <hr> 9 <h2>3 Facts about HTML</h2> 10 <ul> 11 <li>html stands for Hypertext Markup Language.</li> 12 <li>the w3c makes recommendations that become Web standards.</li> 13 <li>the current HTML standard is html 5</li> 14 </ul> 15 <img src=" 16 <br> 17 <a href=" Wide Web Consortium<a> 18 <br> 19 <video width="320" height="240" controls> 20 <source src="movie.mp4" type="video/mp4"> 21 Your browser does not support this video tag 22 </video> 23 <br> 24 <audio controls> 25 <source src="horse.mp3" type="audio/mpeg"> 26 Your browser does not support this video tag 27 </audio> 28 </body> 29 </html> A. Numbered list B. Bulleted list C. Hyperlink D. Audio MMWD 4.01 Page 8 of 23
9 15. Which tag will create a line break in a web document? A. <br /> B. <hr /> C. <h1 /> D. <li /> MMWD 4.01 Page 9 of 23
10 16. In the code below, how will the paragraph in lines 24 and 25 display when viewed in a web browser? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>my Personal Web Page</title> 5 <style> 6 body {background-color:#3d5c99; color:white; font-family:verdana; margin:10px;) 7 h1 {font-family:verdana; color:#e6e6e6; text-align:center;} 8 h2 {font-family:verdana; color:#cccccc;} 9 p {font-family:verdana; color:white; font-size:18px:} 10 img {margin:8px; padding 4px;} 11 </style> 12 </head> 13 <body> 14 <div style="background-color:#25375c"> 15 <img src="banner.png" alt="web banner"> 16 <h1>welcome to My Web Page</h1> 17 <h2>3 Facts About Me</h2> 18 <ol> 19 <li>i have one brother.</li> 20 <li>i have a dog named Skip.</li> 21 <li>i have a cat named Taz.</li> 22 </ol> 23 <img src="school.png" alt="my school" style="float:left" width="100" height="100"> 24 <p>i attend Maple High School. My favorite course is Multimedia and Web Page Design. 25 I am learning to code HTML. I think it is fun to make web pages.</p> 26 </div> 27 <footer style="background-color:#121c2e; color:#c3c3c3; ext-align:center"> 28 Your Name Here--Date 29 </footer> 30 </body> 31 </html> A. Verdana, white text, 30 pixels B. Verdana, #CCCCCC text color, center aligned C. Verdana, white text, 18 pixels D. Times New Roman, black text, 16 pixels MMWD 4.01 Page 10 of 23
11 17. Anthony is creating a web page on seals. To ensure that his page can be found through Google, Anthony must include pertinent information in which tag section? A. <meta> B. <head> C. <body> D. <nav> 18. John wants the name of his book to appear in Google's search results. In which tag should this information be placed within in his web page? A. <meta> B. <head> C. <body> D. <nav> 19. Karen wants to begin a new line within a paragraph of text on a web page. Which code should she use? A. <br /> B. <hr /> C. <h1></h1> D. <li></li> MMWD 4.01 Page 11 of 23
12 20. What is line 17 in the code below? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>html Introduction</title> 5 </head> 6 <body> 7 <h1>things I know about HTML</h1> 8 <hr> 9 <h2>3 Facts about HTML</h2> 10 <ul> 11 <li>html stands for Hypertext Markup Language.</li> 12 <li>the w3c makes recommendations that become Web standards.</li> 13 <li>the current HTML standard is html 5</li> 14 </ul> 15 <img src=" 16 <br> 17 <a href=" Wide Web Consortium<a> 18 <br> 19 <video width="320" height="240" controls> 20 <source src="movie.mp4" type="video/mp4"> 21 Your browser does not support this video tag 22 </video> 23 <br> 24 <audio controls> 25 <source src="horse.mp3" type="audio/mpeg"> 26 Your browser does not support this video tag 27 </audio> 28 </body> 29 </html> A. Absolute reference B. Relative reference C. Nav D. Div MMWD 4.01 Page 12 of 23
13 21. In the code below, which line indicates the end of an HTML document? 1 <html> 2 <head> 3 <title>document title</title> 4 </head> 5 <body> 6 <p>this is content</p> 7 </body> 8 </html> A. Line 4 B. Line 6 C. Line 7 D. Line What is the difference between an HTML tag and an HTML element? A. An HTML tag is case sensitive and an HTML element is not case sensitive. B. An HTML Tag defines content and an HTML element includes the opening and closing tags and everything in between. C. An HTML tag is always paired and an HTML element is an empty tag. D. An HTML tag defines content and an HTML element gives additional meaning and content. 23. Jerry wants to insert a line break into his web page. Which code should he use? A. <h1> B. <li> C. <br> D. <ul> MMWD 4.01 Page 13 of 23
14 24. In the code below, how will lines 18 through 22 display in a web browser? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>my Personal Web Page</title> 5 <style> 6 body {background-color:#3d5c99; color:white; font-family:verdana; margin:10px;) 7 h1 {font-family:verdana; color:#e6e6e6; text-align:center;} 8 h2 {font-family:verdana; color:#cccccc;} 9 p {font-family:verdana; color:white; font-size:18px:} 10 img {margin:8px; padding 4px;} 11 </style> 12 </head> 13 <body> 14 <div style="background-color:#25375c"> 15 <img src="banner.png" alt="web banner"> 16 <h1>welcome to My Web Page</h1> 17 <h2>3 Facts About Me</h2> 18 <ol> 19 <li>i have one brother.</li> 20 <li>i have a dog named Skip.</li> 21 <li>i have a cat named Taz.</li> 22 </ol> 23 <img src="school.png" alt="my school" style="float:left" width="100" height="100"> 24 <p>i attend Maple High School. My favorite course is Multimedia and Web Page Design. 25 I am learning to code HTML. I think it is fun to make web pages.</p> 26 </div> 27 <footer style="background-color:#121c2e; color:#c3c3c3; ext-align:center"> 28 Your Name Here--Date 29 </footer> 30 </body> 31 </html> A. Bulleted list B. Numbered list C. Definition list D. Table MMWD 4.01 Page 14 of 23
15 25. Which item shows proper syntax for an HTML comment? A. <!Comment: "Created by Joe"!> B.!Created by Joe! C. <!--Created by Joe--> D. <Created by Joe> 26. What tag defines the beginning of a web page? A. <h1> B. <p> C. <html> D. <title> 27. Which is an example of using an inline CSS style in a web page? A. <p style= color:blue > B. p {style=color;blue>} C. <p style=color;blue> D. p {style= color:blue } MMWD 4.01 Page 15 of 23
16 28. In the code below, what color will the heading 3 Facts About Me display when viewed in a web browser? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>my Personal Web Page</title> 5 <style> 6 body {background-color:#3d5c99; color:white; font-family:verdana; margin:10px;) 7 h1 {font-family:verdana; color:#e6e6e6; text-align:center;} 8 h2 {font-family:verdana; color:#cccccc;} 9 p {font-family:verdana; color:white; font-size:18px:} 10 img {margin:8px; padding 4px;} 11 </style> 12 </head> 13 <body> 14 <div style="background-color:#25375c"> 15 <img src="banner.png" alt="web banner"> 16 <h1>welcome to My Web Page</h1> 17 <h2>3 Facts About Me</h2> 18 <ol> 19 <li>i have one brother.</li> 20 <li>i have a dog named Skip.</li> 21 <li>i have a cat named Taz.</li> 22 </ol> 23 <img src="school.png" alt="my school" style="float:left" width="100" height="100"> 24 <p>i attend Maple High School. My favorite course is Multimedia and Web Page Design. 25 I am learning to code HTML. I think it is fun to make web pages.</p> 26 </div> 27 <footer style="background-color:#121c2e; color:#c3c3c3; ext-align:center"> 28 Your Name Here--Date 29 </footer> 30 </body> 31 </html> A. White B. #3D5C99 C. #E6E6E6 D. #CCCCCC MMWD 4.01 Page 16 of 23
17 29. What will display for lines 24 through 27 in the code below? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>html Introduction</title> 5 </head> 6 <body> 7 <h1>things I know about HTML</h1> 8 <hr> 9 <h2>3 Facts about HTML</h2> 10 <ul> 11 <li>html stands for Hypertext Markup Language.</li> 12 <li>the w3c makes recommendations that become Web standards.</li> 13 <li>the current HTML standard is html 5</li> 14 </ul> 15 <img src=" 16 <br> 17 <a href=" Wide Web Consortium<a> 18 <br> 19 <video width="320" height="240" controls> 20 <source src="movie.mp4" type="video/mp4"> 21 Your browser does not support this video tag 22 </video> 23 <br> 24 <audio controls> 25 <source src="horse.mp3" type="audio/mpeg"> 26 Your browser does not support this video tag 27 </audio> 28 </body> 29 </html> A. Numbered list B. Bulleted list C. Hyperlink D. Audio MMWD 4.01 Page 17 of 23
18 30. What section of a web page contains the author of the document, copyright information, links to the terms of the use, contact information, etc. A. Header B. Footer C. Nav D. Div 31. Which tag defines the set of navigation links? A. <Header> B. <Footer> C. <Nav> D. <Div> 32. Which is the correct code to insert a horizontal line in a web page? A. <br> B. <h1> C. <hr> D. <li> 33. Which item interprets the source code in a web document? A. Web browser B. Text editor C. HTML editor D. Web server 34. Which hyperlink shows an absolute link? A. href= >NYTimes</a> B. <a href= page1.html >Page One</a> C. <a href= >Target</a> D. <a href= offers.jpg >Offers</a> MMWD 4.01 Page 18 of 23
19 35. For line 17 in the code below, how will "World Wide Web Consortium" display on the web page? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>html Introduction</title> 5 </head> 6 <body> 7 <h1>things I know about HTML</h1> 8 <hr> 9 <h2>3 Facts about HTML</h2> 10 <ul> 11 <li>html stands for Hypertext Markup Language.</li> 12 <li>the w3c makes recommendations that become Web standards.</li> 13 <li>the current HTML standard is html 5</li> 14 </ul> 15 <img src=" 16 <br> 17 <a href=" Wide Web Consortium<a> 18 <br> 19 <video width="320" height="240" controls> 20 <source src="movie.mp4" type="video/mp4"> 21 Your browser does not support this video tag 22 </video> 23 <br> 24 <audio controls> 25 <source src="horse.mp3" type="audio/mpeg"> 26 Your browser does not support this video tag 27 </audio> 28 </body> 29 </html> A. Numbered list B. Bulleted list C. Hyperlink D. Audio MMWD 4.01 Page 19 of 23
20 36. Tiffany is creating a multiple page website and wants consistency in appearance. Which CSS method permits her to update the appearance of all pages by changing one file? A. External style sheet B. Inline styles C. Internal style sheet D. CSS selectors 37. Which tag provides information about a website? A. <body> B. <html> C. <meta> D. <title> 38. What is the proper code to insert an image named frog.jpg into a web page? A. <img src= frog width= 104 height= 142 > B. <img src= frog.jpg width= 104 height= 142 > C. <img= frog.jpg width= 104 height= 142 > D. <img = frog width= 104 height 142 > MMWD 4.01 Page 20 of 23
21 39. In the code below, which line indicates the beginning of the visible content of the web page? 1 <html> 2 <head> 3 <title>document title</title> 4 </head> 5 <body> 6 <p>this is Content</p> 7 </body> 8 </html> A. Line 1 B. Line 2 C. Line 3 D. Line 5 MMWD 4.01 Page 21 of 23
22 40. What type of CSS is coded in line 14? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>my Personal Web Page</title> 5 <style> 6 body {background-color:#3d5c99; color:white; font-family:verdana; margin:10px;) 7 h1 {font-family:verdana; color:#e6e6e6; text-align:center;} 8 h2 {font-family:verdana; color:#cccccc;} 9 p {font-family:verdana; color:white; font-size:18px:} 10 img {margin:8px; padding 4px;} 11 </style> 12 </head> 13 <body> 14 <div style="background-color:#25375c"> 15 <img src="banner.png" alt="web banner"> 16 <h1>welcome to My Web Page</h1> 17 <h2>3 Facts About Me</h2> 18 <ol> 19 <li>i have one brother.</li> 20 <li>i have a dog named Skip.</li> 21 <li>i have a cat named Taz.</li> 22 </ol> 23 <img src="school.png" alt="my school" style="float:left" width="100" height="100"> 24 <p>i attend Maple High School. My favorite course is Multimedia and Web Page Design. 25 I am learning to code HTML. I think it is fun to make web pages.</p> 26 </div> 27 <footer style="background-color:#121c2e; color:#c3c3c3; ext-align:center"> 28 Your Name Here--Date 29 </footer> 30 </body> 31 </html> A. Inline CSS B. Internal CSS C. External CSS D. CSS declarations MMWD 4.01 Page 22 of 23
23 41. Which line of code correctly creates a link to Amazon s website? A. <a ref= >Amazon</a> B. <href= C. <a href= >Amazon D. <a href= >Amazon</a> 42. Which line of code correctly places a GIF image named tiger into a web page? A. <img src= tiger alt= BengalTiger > B. <img gif=tiger alt= BengalTiger > C. <img src= tiger.gif alt= BengalTiger > D. <image source= tiger.gif alt= BengalTiger > 43. Which CSS inline style results in the text size of a web page paragraph displaying at 14px? A. <p style= font:14px > B. <p style= size:14px > C. <p font= size:14pt > D. <p style= font-size:14px > 44. John wants to insert a CSS comment identifying himself as the author. Which line of code correctly inserts a CSS comment? A. <--Written by John Doe--> B. /*Written by John Doe*/ C. /!--WrittenbyJohnDoe"/ D. <Writtenby="JohnDoe"> MMWD 4.01 Page 23 of 23
HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية
HTML Mohammed Alhessi M.Sc. Geomatics Engineering Wednesday, February 18, 2015 Eng. Mohammed Alhessi 1 W3Schools Main Reference: http://www.w3schools.com/ 2 What is HTML? HTML is a markup language for
More informationHyper Text Markup Language
Hyper Text Markup Language HTML is a markup language. It tells your browser how to structure the webpage. HTML consists of a series of elements, which you use to enclose, or mark up different parts of
More informationHow the Internet Works
How the Internet Works The Internet is a network of millions of computers. Every computer on the Internet is connected to every other computer on the Internet through Internet Service Providers (ISPs).
More informationIntroduction to WEB PROGRAMMING
Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks
More informationHyper Text Markup Language
Hyper Text Markup Language HTML is a markup language. It tells your browser how to structure the webpage. HTML consists of a series of elements, which you use to enclose, or mark up different parts of
More informationHTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review
HTML & CSS Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review Lesson 1: HTML Basics 1. Write main tile HTML & CSS 2. Write today s date Match
More informationHTML. Hypertext Markup Language. Code used to create web pages
Chapter 4 Web 135 HTML Hypertext Markup Language Code used to create web pages HTML Tags Two angle brackets For example: calhoun High Tells web browser ho to display page contents Enter with
More informationINTRODUCTION TO CSS. Mohammad Jawad Kadhim
INTRODUCTION TO CSS Mohammad Jawad Kadhim WHAT IS CSS Like HTML, CSS is an interpreted language. When a web page request is processed by a web server, the server s response can include style sheets,
More informationModule 2 (VII): CSS [Part 4]
INTERNET & WEB APPLICATION DEVELOPMENT SWE 444 Fall Semester 2008-2009 (081) Module 2 (VII): CSS [Part 4] Dr. El-Sayed El-Alfy Computer Science Department King Fahd University of Petroleum and Minerals
More informationWeb Programming Week 2 Semester Byron Fisher 2018
Web Programming Week 2 Semester 1-2018 Byron Fisher 2018 INTRODUCTION Welcome to Week 2! In the next 60 minutes you will be learning about basic Web Programming with a view to creating your own ecommerce
More informationHTML and CSS: An Introduction
JMC 305 Roschke spring14 1. 2. 3. 4. 5. The Walter Cronkite School... HTML and CSS: An Introduction
More informationThe internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data.
Review The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data. It is not the internet! It is a service of the internet.
More information1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5
Name Date Final Exam Prep Questions Worksheet #1 1. The basic building block of an HTML document is called a(n) a. tag. b. element. c. attribute. d. container. Answer: b Page 5 2. Which of the following
More informationAGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES
CLASS :: 13 12.01 2014 AGENDA SIMPLE CSS MENU W/ HOVER EFFECTS :: The Nav Element :: Styling the Nav :: UL, LI, and Anchor Elements :: Styling the UL and LI Elements TEMPLATE CREATION :: Why Templates?
More informationHtml basics Course Outline
Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and
More informationIntroduction to HTML
Introduction to HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements
More informationWEBSITE PROJECT 2 PURPOSE: INSTRUCTIONS: REQUIREMENTS:
WEBSITE PROJECT 2 PURPOSE: The purpose of this project is to begin incorporating color, graphics, and other visual elements in your webpages by implementing the HTML5 and CSS3 code discussed in chapters
More informationUnit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4
Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML 4.01 Version: 4.01 Transitional Hypertext Markup Language is the coding behind web publishing. In this tutorial, basic knowledge of HTML will be covered
More informationGIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST
GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: CREATING AN HTML LIST Most horizontal or vertical navigation bars begin with a simple
More informationHTML OBJECTIVES WHAT IS HTML? BY FAITH BRENNER AN INTRODUCTION
HTML AN INTRODUCTION BY FAITH BRENNER 1 OBJECTIVES BY THE END OF THIS LESSON YOU WILL: UNDERSTAND HTML BASICS AND WHAT YOU CAN DO WITH IT BE ABLE TO USE BASIC HTML TAGS BE ABLE TO USE SOME BASIC FORMATTING
More informationMake a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1
Make a Website A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1 Overview Course outcome: You'll build four simple websites using web
More information1 Creating a simple HTML page
cis3.5, spring 2009, lab I.3 / prof sklar. 1 Creating a simple HTML page 1.1 Overview For this assignment, you will create an HTML file in a text editor. on a PC, this is Notepad (not Wordpad) on a Mac,
More informationBridges To Computing
Bridges To Computing General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. You are invited and encouraged to use this presentation to promote
More informationDownloads: Google Chrome Browser (Free) - Adobe Brackets (Free) -
Week One Tools The Basics: Windows - Notepad Mac - Text Edit Downloads: Google Chrome Browser (Free) - www.google.com/chrome/ Adobe Brackets (Free) - www.brackets.io Our work over the next 6 weeks will
More informationHyper Text Markup Language HTML: A Tutorial
Hyper Text Markup Language HTML: A Tutorial Ahmed Othman Eltahawey December 21, 2016 The World Wide Web (WWW) is an information space where documents and other web resources are located. Web is identified
More informationA HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension
HTML Website is a collection of web pages on a particular topic, or of a organization, individual, etc. It is stored on a computer on Internet called Web Server, WWW stands for World Wide Web, also called
More informationintroduction to XHTML
introduction to XHTML XHTML stands for Extensible HyperText Markup Language and is based on HTML 4.0, incorporating XML. Due to this fusion the mark up language will remain compatible with existing browsers
More informationCSC 121 Computers and Scientific Thinking
CSC 121 Computers and Scientific Thinking Fall 2005 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language
More informationWhat You Will Learn Today
CS101 Lecture 03: The World Wide Web and HTML Aaron Stevens 23 January 2011 1 What You Will Learn Today Is it the Internet or the World Wide Web? What s the difference? What is the encoding scheme behind
More information7300 Warden Avenue, Suite 503 Markham, Ontario Canada L3R 9Z6. Phone: Toll Free: Fax:
HTML and CSS 7300 Warden Avenue, Suite 503 Markham, Ontario Canada L3R 9Z6 Phone: 905-479-3780 Toll Free: 877-479-3780 Fax: 905-479-1047 e-mail: info@andarsoftware.com Web: www.andarsoftware.com.com Copyright
More informationBASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements including headings, paragraphs, lists,
More informationGIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image
GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR DYNAMIC BACKGROUND IMAGE Before you begin this tutorial, you will need
More informationBasics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head
More informationrecall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)
HTML & Web Pages recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML) HTML specifies formatting within a page using tags in its
More informationCSC Web Programming. Introduction to HTML
CSC 242 - Web Programming Introduction to HTML Semantic Markup The purpose of HTML is to add meaning and structure to the content HTML is not intended for presentation, that is the job of CSS When marking
More informationWeb Design and Development Tutorial 03
Table of Contents Web Design & Development - Tutorial 03... 2 Using and Applying CSS to XHTML... 2 Conventions... 2 What you need for this tutorial... 2 Common Terminology... 3 Parent / Child Elements...
More informationHTML Overview. With an emphasis on XHTML
HTML Overview With an emphasis on XHTML What is HTML? Stands for HyperText Markup Language A client-side technology (i.e. runs on a user s computer) HTML has a specific set of tags that allow: the structure
More informationCascading Style Sheets CSCI 311
Cascading Style Sheets CSCI 311 Learning Objectives Learn how to use CSS to style the page Learn to separate style from structure Styling with CSS Structure is separated from style in HTML5 CSS (Cascading
More informationITNP43: HTML Lecture 4
ITNP43: HTML Lecture 4 Niederst, Part III (3rd edn) 1 Style versus Content HTML purists insist that style should be separate from content and structure HTML was only designed to specify the structure and
More informationINTRODUCTION TO WEB USING HTML What is HTML?
Geoinformation and Sectoral Statistics Section (GiSS) INTRODUCTION TO WEB USING HTML What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language
More informationWEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5
WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 3 Key Concepts 1 LEARNING OUTCOMES In this chapter, you will learn how to... Describe the evolution of style sheets from print media to the Web List
More informationFinal Exam Study Guide
Final Exam Study Guide 1. What does HTML stand for? 2. Which file extension is used with standard web pages? a..doc b..xhtml c..txt d..html 3. Which is not part of an XHTML element? a. Anchor b. Start
More informationHIERARCHICAL ORGANIZATION
A clearly defined home page Navigation links to major site sections HIERARCHICAL ORGANIZATION Often used for commercial and corporate websites 1 Repetition DESIGN PRINCIPLES Repeat visual elements throughout
More information<style type="text/css"> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page***
Chapter 7 Using Advanced Cascading Style Sheets HTML is limited in its ability to define the appearance, or style, across one or mare Web pages. We use Cascading style sheets to accomplish this. Remember
More informationWhat is a web site? Web editors Introduction to HTML (Hyper Text Markup Language)
What is a web site? Web editors Introduction to HTML (Hyper Text Markup Language) What is a website? A website is a collection of web pages containing text and other information, such as images, sound
More informationHTML, CSS, JavaScript
HTML, CSS, JavaScript Encoding Information: There s more! Bits and bytes encode the information, but that s not all Tags encode format and some structure in word processors Tags encode format and some
More informationHTML5: Adding Style. Styling Differences. HTML5: Adding Style Nancy Gill
HTML5: Adding Style In part 2 of a look at HTML5, Nancy will show you how to add CSS to the previously unstyled document from part 1 and why there are some differences you need to watch out for. In this
More informationNAVIGATION INSTRUCTIONS
CLASS :: 13 12.01 2014 NAVIGATION INSTRUCTIONS SIMPLE CSS MENU W/ HOVER EFFECTS :: The Nav Element :: Styling the Nav :: UL, LI, and Anchor Elements :: Styling the UL and LI Elements CSS DROP-DOWN MENU
More informationGIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar
GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: You may create your button in GIMP. Mine is 122 pixels by 48 pixels. You can use whatever
More informationLearning Objectives. Review html Learn to write a basic webpage in html Understand what the basic building blocks of html are
HTML CSCI311 Learning Objectives Review html Learn to write a basic webpage in html Understand what the basic building blocks of html are HTML: Hypertext Markup Language HTML5 is new standard that replaces
More informationStyles, Style Sheets, the Box Model and Liquid Layout
Styles, Style Sheets, the Box Model and Liquid Layout This session will guide you through examples of how styles and Cascading Style Sheets (CSS) may be used in your Web pages to simplify maintenance of
More informationFUNDAMENTALS OF WEB DESIGN (405)
Page 1 of 8 Contestant Number: Time: Rank: FUNDAMENTALS OF WEB DESIGN (405) REGIONAL 2015 Multiple Choice & Short Answer Section: Multiple Choice (20 @ 10 points each) Application (200 pts) (205 pts) TOTAL
More information1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014
1/6/2019 12:28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014 CATALOG INFORMATION Dept and Nbr: CS 50A Title: WEB DEVELOPMENT 1 Full Title: Web Development 1 Last Reviewed:
More informationA Balanced Introduction to Computer Science, 3/E
A Balanced Introduction to Computer Science, 3/E David Reed, Creighton University 2011 Pearson Prentice Hall ISBN 978-0-13-216675-1 Chapter 2 HTML and Web Pages 1 HTML & Web Pages recall: a Web page is
More informationCSS: The Basics CISC 282 September 20, 2014
CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML
More informationWeb Publishing Basics I
Web Publishing Basics I Jeff Pankin Information Services and Technology Contents Course Objectives... 2 Creating a Web Page with HTML... 3 What is Dreamweaver?... 3 What is HTML?... 3 What are the basic
More informationThe default style for an unordered (bulleted) list is the bullet, or dot. You can change the style to either a square or a circle as follows:
CSS Tutorial Part 2: Lists: The default style for an unordered (bulleted) list is the bullet, or dot. You can change the style to either a square or a circle as follows: ul { list-style-type: circle; or
More informationWeb Design and Development ACS Chapter 11. Creating Lists 11/16/2017 1
Web Design and Development ACS-1809 Chapter 11 Creating Lists 11/16/2017 1 Creating Lists Ordered Lists Unordered Lists Definition Lists Combination and Nesting of Lists Style Lists 11/16/2017 2 Ordered
More informationMultimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3
Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Instructions to use the laboratory computers (room B2): 1. If the computer is off, start it with Windows (all computers have a Linux-Windows
More informationCOMP519 Web Programming Lecture 3: HTML (HTLM5 Elements: Part 1) Handouts
COMP519 Web Programming Lecture 3: HTML (HTLM5 Elements: Part 1) Handouts Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University of
More informationHTML & CSS November 19, 2014
University of Nebraska - Lincoln DigitalCommons@University of Nebraska - Lincoln Digital Humanities Workshop Series Center for Digital Research in the Humanities 11-19-2014 HTML & CSS November 19, 2014
More informationSEEM4570 System Design and Implementation. Lecture 1 Cordova + HTML + CSS
SEEM4570 System Design and Implementation Lecture 1 Cordova + HTML + CSS Apache Cordova Apache Cordova, or simply Cordova, is a platform for building native mobile apps using HTML, CSS and JavaScript E.g.
More informationProgrammazione Web a.a. 2017/2018 HTML5
Programmazione Web a.a. 2017/2018 HTML5 PhD Ing.Antonino Raucea antonino.raucea@dieei.unict.it 1 Introduzione HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text
More informationIntroduction to Web Technologies
Introduction to Web Technologies James Curran and Tara Murphy 16th April, 2009 The Internet CGI Web services HTML and CSS 2 The Internet is a network of networks ˆ The Internet is the descendant of ARPANET
More informationWeb Designing HTML5 NOTES
Web Designing HTML5 NOTES HTML Introduction What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages
More informationc122jan2714.notebook January 27, 2014
Internet Developer 1 Start here! 2 3 Right click on screen and select View page source if you are in Firefox tells the browser you are using html. Next we have the tag and at the
More informationWeb Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1
Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 1 What will we cover? HTML - Website Structure and Layout CSS - Website Style JavaScript - Makes our Website Dynamic and Interactive Plan
More informationIndex. alt, 38, 57 class, 86, 88, 101, 107 href, 24, 51, 57 id, 86 88, 98 overview, 37. src, 37, 57. backend, WordPress, 146, 148
Index Numbers & Symbols (angle brackets), in HTML, 47 : (colon), in CSS, 96 {} (curly brackets), in CSS, 75, 96. (dot), in CSS, 89, 102 # (hash mark), in CSS, 87 88, 99 % (percent) font size, in CSS,
More informationCSS stands for Cascading Style Sheets Styles define how to display HTML elements
CSS stands for Cascading Style Sheets Styles define how to display HTML elements CSS has various levels and profiles. Each level of CSS builds upon the last, typically adding new features and typically
More informationUnit 10 - Client Side Customisation of Web Pages. Week 5 Lesson 1 CSS - Selectors
Unit 10 - Client Side Customisation of Web Pages Week 5 Lesson 1 CSS - Selectors Last Time CSS box model Concept of identity - id Objectives Selectors the short story (or maybe not) Web page make-over!
More informationCREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1
CREATING A WEBSITE USING CSS Mrs. Procopio CTEC6 MYP1 HTML VS. CSS HTML Hypertext Markup Language CSS Cascading Style Sheet HTML VS. CSS HTML is used to define the structure and content of a webpage. CSS
More informationChapter 7 Typography, Style Sheets, and Color. Mrs. Johnson
Chapter 7 Typography, Style Sheets, and Color Mrs. Johnson Typography Typography refers to the arrangement, shape, size, style, and weight of text. Affects the navigation and usability of a web site and
More informationCSS is applied to an existing HTML web document--both working in tandem to display web pages.
CSS Intro Introduction to Cascading Style Sheets What is CSS? CSS (Cascading Style Sheets) is a supplementary extension to allowing web designers to style specific elements on their pages and throughout
More informationIntroduction to Multimedia. MMP100 Spring 2017 thiserichagan.com/mmp100
Introduction to Multimedia MMP100 Spring 2017 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!
More informationCSS. https://developer.mozilla.org/en-us/docs/web/css
CSS https://developer.mozilla.org/en-us/docs/web/css http://www.w3schools.com/css/default.asp Cascading Style Sheets Specifying visual style and layout for an HTML document HTML elements inherit CSS properties
More information('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1
STRANDS AND STANDARDS Course Description Web Development is a course designed to guide students in a project-based environment, in the development of up-to-date concepts and skills that are used in the
More informationIntroduction to Cascading Style Sheet (CSS)
Introduction to Cascading Style Sheet (CSS) Digital Media Center 129 Herring Hall http://dmc.rice.edu/ dmc-info@rice.edu (713) 348-3635 Introduction to Cascading Style Sheets 1. Overview Cascading Style
More informationMPT Web Design. Week 1: Introduction to HTML and Web Design
MPT Web Design Week 1: Introduction to HTML and Web Design What will we do in this class? Learn the basics of HTML and how to create our own template Basic website structure Learn design concepts for a
More informationCreating Layouts Using CSS. Lesson 9
Creating Layouts Using CSS Lesson 9 CSS Page Layout Advantages Greater typography control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control
More informationLab 1: Introducing HTML5 and CSS3
CS220 Human- Computer Interaction Spring 2015 Lab 1: Introducing HTML5 and CSS3 In this lab we will cover some basic HTML5 and CSS, as well as ways to make your web app look and feel like a native app.
More informationThree Ways to Use CSS:
Introduction to CSS CSS Defined: Short for "Cascading Style Sheets". Determines how the elements in our XHTML documents are displayed and formatted. Designed to separate the content of a web page from
More informationAGENDA. HTML CODING YOUR HOMEPAGE [ Part IV ] :: NAVIGATION <nav> :: CSS CODING FOR HOMEPAGE [ <nav> & child elements ] CLASS :: 13.
:: DIGITAL IMAGING FUNDAMENTALS :: CLASS NOTES CLASS :: 13 04.26 2017 3 Hours AGENDA HTML CODING YOUR HOMEPAGE [ Part IV ] :: NAVIGATION home works
More informationWeb Page Creation Part I. CS27101 Introduction to Web Interface Design Prof. Angela Guercio
Web Page Creation Part I CS27101 Introduction to Web Interface Design Prof. Angela Guercio Objective In this lecture, you will learn: What HTML is and what XHTML is How to create an (X)HTML file The (X)HTML
More informationGIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar. Hover Effect:
GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover Effect: Images required: 58 x 1 px high background image (black gloss gradient) for the nav bar
More informationSkill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)
Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD) 323.4 Use graphics and objects on Web Page (7 hrs) 323.4.1 Insert foreground features 323.4.2 Modify image attributes 323.4.3
More informationCOMS 359: Interactive Media
COMS 359: Interactive Media Agenda Review CSS Layout Preview Review Introducting CSS What is CSS? CSS Syntax Location of CSS The Cascade Box Model Box Structure Box Properties Review Style is cascading
More informationINTRODUCTION TO HTML5! HTML5 Page Structure!
INTRODUCTION TO HTML5! HTML5 Page Structure! What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in 1999. The web has changed a lot since
More informationMinistry of Higher Education and Scientific Research
Morning Study Department of information technology Institute of Technical - Duhok. University of Polytechnic Duhok. Subject: Web Technology Course book for 2nd year. Lecturer s name: MSc. Ayman Nashwan
More informationWebsite Development with HTML5, CSS and Bootstrap
Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on
More informationCOMP519 Web Programming Autumn Cascading Style Sheets
COMP519 Web Programming Autumn 2015 Cascading Style Sheets Content vs. Presentation Most HTML tags define content type, independent of how that content is to be presented. There are a few obvious exceptions
More informationCHAPTER 1: GETTING STARTED WITH HTML CREATED BY L. ASMA RIKLI (ADAPTED FROM HTML, CSS, AND DYNAMIC HTML BY CAREY)
CHAPTER 1: GETTING STARTED WITH HTML EXPLORING THE HISTORY OF THE WORLD WIDE WEB Network: a structure that allows devices known as nodes or hosts to be linked together to share information and services.
More informationWeb Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh
Web Programming and Design MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh Plan for the next 5 weeks: Introduction to HTML tags Recap on HTML and creating our template file Introduction
More informationThe Structure of the Web. Jim and Matthew
The Structure of the Web Jim and Matthew Workshop Structure 1. 2. 3. 4. 5. 6. 7. What is a browser? HTML CSS Javascript LUNCH Clients and Servers (creating a live website) Build your Own Website Workshop
More informationCreating a simple HTML page
cis3.5, fall 2009, lab I.2 / prof sklar. Creating a simple HTML page 1 Overview For this assignment, you will create an HTML file in a text editor. on a PC, this is Notepad (not Wordpad) on a Mac, this
More informationITL Public School Mid Term examination ( )
ITL Public School Mid Term examination (017-18) Date:15.09.17 Multimedia and Web Technology (Answer Key )- (067) Class: XI 1 Answer the following questions based on HTML: i. Identify any four formatting
More informationChapter 7 BMIS335 Web Design & Development
Chapter 7 BMIS335 Web Design & Development Site Organization Use relative links to navigate between folders within your own site o Sometimes dividing your site into folders makes maintenance and updating
More informationMarkup Language SGML: Standard Generalized Markup Language. HyperText Markup Language (HTML) extensible Markup Language (XML) TeX LaTeX
HTML 1 Markup Languages A Markup Language is a computer language in which data and instructions describing the structure and formatting of the data are embedded in the same file. The term derives from
More informationHTML & CSS. Rupayan Neogy
HTML & CSS Rupayan Neogy But first My Take on Web Development There is always some tool that makes your life easier. Hypertext Markup Language The language your web browser uses to describe the content
More informationLab 4 CSS CISC1600, Spring 2012
Lab 4 CSS CISC1600, Spring 2012 Part 1 Introduction 1.1 Cascading Style Sheets or CSS files provide a way to control the look and feel of your web page that is more convenient, more flexible and more comprehensive
More informationChapter 3 Style Sheets: CSS
WEB TECHNOLOGIES A COMPUTER SCIENCE PERSPECTIVE JEFFREY C. JACKSON Chapter 3 Style Sheets: CSS 1 Motivation HTML markup can be used to represent Semantics: h1 means that an element is a top-level heading
More information