Web Technology. Assignment 3. Notes: This assignment is individual assignment, every student should complete it by himself.

Similar documents
CS 350 Internet Applications I Name: Exam II (CSS) October 29, 2013

CSS Quiz Result. 2) Where in an HTML document is the correct place to refer to an external style sheet?

Client Side Concepts Quiz Solution

Html basics Course Outline

CSS: The Basics CISC 282 September 20, 2014

B. V. Patel Institute of Business Management, Computer & Information Technology, UTU

In the early days of the Web, designers just had the original 91 HTML tags to work with.

CSE 154 LECTURE 3: MORE CSS

CSc 337 LECTURE 3: CSS

EECS1012. Net-centric Introduction to Computing. Lecture 3: CSS for Styling

DAY 4. Coding External Style Sheets

CSS for Styling CS380

CSS. Lecture 16 COMPSCI 111/111G SS 2018

COSC 2206 Internet Tools. CSS Cascading Style Sheets

CSS Lecture 16 COMPSCI 111/111G SS 2018

3.1 Introduction. 3.2 Levels of Style Sheets. - HTML is primarily concerned with content, rather than style. - There are three levels of style sheets

<body bgcolor=" " fgcolor=" " link=" " vlink=" " alink=" "> These body attributes have now been deprecated, and should not be used in XHTML.

HTML and CSS COURSE SYLLABUS

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Appendix D CSS Properties and Values

- HTML is primarily concerned with content, rather than style. - However, tags have presentation properties, for which browsers have default values

Introduction to WEB PROGRAMMING

MULTIMEDIA COLLEGE JALAN GURNEY KIRI KUALA LUMPUR

CSS: formatting webpages

3.1 Introduction. 3.2 Levels of Style Sheets. - The CSS1 specification was developed in There are three levels of style sheets

- The CSS1 specification was developed in CSS2 was released in CSS2.1 reflects browser implementations

Lab Introduction to Cascading Style Sheets

Final Exam Study Guide

CSC 443: Web Programming

ITNP43: HTML Lecture 4

By completing this practical, the students will learn how to accomplish the following tasks:

CSS: Cascading Style Sheets

CSS Selectors. element selectors. .class selectors. #id selectors

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

Introduction to Web Tech and Programming

1 of 7 11/12/2009 9:29 AM

ITA430 Solved & Unsolved MCQs BY

Text and Layout. Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 11. This presentation 2004, MacAvon Media Productions

CSS means Cascading Style Sheets. It is used to style HTML documents.

Introduction to Web Design CSS Reference

Introduction to Web Design CSS Reference

Revision for Grade 7 ASP in Unit :1&2 Design & Technology Subject

HTML Hyperlinks (Links)

Web Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank

Three Ways to Use CSS:

Basic CSS Lecture 17

Assignments (4) Assessment as per Schedule (2)

Zen Garden. CSS Zen Garden

HTML TAG SUMMARY HTML REFERENCE 18 TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES TAG/ATTRIBUTE DESCRIPTION PAGE REFERENCES MOST TAGS

Web Development & Design Foundations with HTML5

A HTML document has two sections 1) HEAD section and 2) BODY section A HTML file is saved with.html or.htm extension

<style type="text/css"> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page***

Creating and Building Websites

COMP519 Web Programming Autumn Cascading Style Sheets

Web Development & Design Foundations with HTML5

8a. Cascading Style Sheet

CmpSci 120 Exam 2 Examples

Figure 1 Properties panel, HTML mode

Session 4. Style Sheets (CSS) Reading & References. A reference containing tables of CSS properties

recall: a Web page is a text document that contains additional formatting information in the HyperText Markup Language (HTML)

- The CSS1 specification was developed in CSSs provide the means to control and change presentation of HTML documents

The internet is a worldwide collection of networks that link millions of computers. These links allow the computers to share and send data.

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

A Balanced Introduction to Computer Science, 3/E

CSS THE M\SS1NG MANUAL. David Sawyer McFarland. POGUE PRESS" O'REILLr Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo

Web Programming and Design. MPT Junior Cycle Tutor: Tamara Demonstrators: Aaron, Marion, Hugh

Review Question 1. Which tag is used to create a link to another page? 1. <p> 2. <li> 3. <a> 4. <em>

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1

CSC 121 Computers and Scientific Thinking

INFORMATICA GENERALE 2014/2015 LINGUAGGI DI MARKUP CSS

CS 1100: Web Development: Client Side Coding / Fall 2016 Lab 2: More HTML and CSS

Comp-206 : Introduction to Software Systems Lecture 23. Alexandre Denault Computer Science McGill University Fall 2006

Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style

Controlling Appearance the Old Way

CSS Cascading Style Sheets

Web Page Creation Part I. CS27101 Introduction to Web Interface Design Prof. Angela Guercio

Multimedia for the Web: Creating Digital Excitement. Multimedia Element Text

Hyper Text Markup Language HTML: A Tutorial

AP CS P. Unit 2. Introduction to HTML and CSS

Web Development & Design Foundations with HTML5, 8 th Edition Instructor Materials Chapter 3 Test Bank

HTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST

WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5

Web Development and Design Foundations with HTML5 8th Edition

HTML TUTORIAL ONE. Understanding What XHTML is Not

Basics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank

Downloads: Google Chrome Browser (Free) - Adobe Brackets (Free) -

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar

Module 2 (VII): CSS [Part 4]

CMPT 165: More CSS Basics

CSS Scripting and Computer Environment - Lecture 09

Web Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations).

Reading 2.2 Cascading Style Sheets

CSCB20 Week 7. Introduction to Database and Web Application Programming. Anna Bretscher Winter 2017

CHAPTER 4 CASCADING STYLE SHEETS BASICS KEY CONCEPTS

Make a Website. A complex guide to building a website through continuing the fundamentals of HTML & CSS. Created by Michael Parekh 1

Chapter 7 Typography, Style Sheets, and Color. Mrs. Johnson

Introduction to HTML & CSS. Instructor: Beck Johnson Week 2

Transcription:

Web Technology Assignment 3 Due: Next Section. (one day before if you submit by email) Notes: This assignment is individual assignment, every student should complete it by himself. 1. Choose the correct answer: 1. What are the three methods of implementing CSS? a. Direct, Indirect, and External b. Internal, External, and Embedded c. Inline, Embedded, and External 2. In the code snippet below, which part represents the property? table {color: blue;} a. table b. color c. blue 3. With the code snippet below in use, what happens to a table? table {color: blue;} a. The table border would be colored blue. b. The table background would be colored blue. c. The text inside the table would be colored blue. 4. An HTML element can have different display properties by creating more than one class. What would you add to a paragraph element if you wanted to use a class named hilite to it? a. class="hilite" b. style="hilite" c. style="class: hilite"

5. Which of the following is the best description of a contextual selector? a. It's when a style rule overrides all other styles rules assigned to an element. b. It's when a style rule is applied only when it occurs within a specific context within the document. c. Nice try with the trick question! There's no such thing as a contextual selector. 6. In addition to specifying specific fonts, in CSS you can also specify generic font families. There are five generic font families, including serif, sans serif, cursive, and fantasy. Which of the following is the generic font family I didn't name? a. roman b. italic c. monospace 7. With CSS you can control the amount of space between letters, the amount of space between words, and the amount of space between lines of text. Choose the correct comment regarding that statement. a. The only one of those three you can control is the space between lines, with the options being a single space or double spaced line. b. No way, none of those things can be controlled unless you put up an image in place of text. c. What's with the easy questions? That's a true statement. 8. In regards to the CSS box model, where is the margin property located? a. Inside the box. b. Outside the box. c. It could be inside or outside the box, depending on where you place it in your code. 9. With CSS you can set paragraphs to a specific size, and even add a scrollbar to them if the content is too big for the paragraph. What property would you use to allow the scrollbar if needed? a. (duh!) scrollbar b. size exception c. overflow 10. What does the CSS float property do? a. Allows users to drag and drop images to another location on the page. b. Aligns an HTML element to the right or left while allowing content to flow around it. It will also center an element, but content does not flow around a centered element. c. Allows web designers to overlap elements or to stack them on top of each other. 11. What does HTML stand for? a. Hyper Text Markup Language

b. Home Tool Markup Language c. Hyperlinks and Text Markup Language 12. Who is making the Web standards? a. Mozilla b. Microsoft c. The World Wide Web Consortium 13. Choose the correct HTML tag for the largest heading a. Head b. H1 c. H6 d. Heading 14. What is the correct HTML tag for inserting a line break? a. break / b. br /br c. lb / d. br / e. br/ 15. Choose the correct HTML tag to make a text bold a. bold b. b c. bb 16. Choose the correct HTML tag to make a text italic a. Italic b. I c. It 17. What is the correct HTML for creating a hyperlink? a. A url="http://www.w3schools.com">w3schools.com b. A href="http://www.w3schools.com">w3schools c. http://www.w3schools.com d. A name="http://www.w3schools.com">w3schools.com 18. How can you create an e mail link?

a. Mail href="xxx@yyy.com" b. Mail>xxx@yyy.com/mail c. A href="xxx@yyy.com" d. A href="mailto:xxx@yyy.com" 19. How can you open a link in a new browser window? a. A href="url" target="_blank" b. A href="url" new c. A href="url" target="new" d. A href="url" target=_window" 20. How can you make a list that lists the items with numbers? a. Ol b. Dl c. Ul d. List 21. How can you make a list that lists the items with bullets? a. Ul b. List c. Dl d. Ol 22. What is the correct HTML for inserting an image? a. Img alt="myimage" image.gif /img b. Image src="image.gif" alt="myimage" c. Img src="image.gif" alt="myimage" d. Img href="image.gif" alt="myimage" 23. How can you make a list that lists the items without bullets or numbers? a. Ol b. Ul c. Dl d. Lists have to have numbers or bullets 24. What is the name of every homepage on the WWW? a. Home.html b. Index.html c. Anything you want it to be.html d. The name of your website.html

25. The is doctype mandatory. a. True b. False 26. What does CSS stand for? a. Creative Style Sheets b. Colorful Style Sheets c. Computer Style Sheets d. Cascading Style Sheets 27. What is the correct HTML for referring to an external style sheet? a. Stylesheetmystyle.css/stylesheet / b. Link rel="stylesheet" type="text/css" href="mystyle.css" c. Style src="mystyle.css" / 28. Which is the correct CSS syntax? a. Body:color=black b. {body;color:black} c. {body:color=black(body} d. Body {color: black} 29. How do you insert a comment in a CSS file? a. ' this is a comment b. /* this is a comment */ c. // this is a comment d. // this is a comment // 30. Which property is used to change the background color? a. Bgcolor: b. Background color: c. Color: 31. How do you add a background color for all elements? a. H1 {background color:#ffffff} b. H1.all {background color:#ffffff} c. All.h1 {background color:#ffffff} 32. How do you change the text color of an element? a. Color:

b. Text color= c. Text color: d. Fgcolor: 33. Which CSS property controls the text size? a. Font style b. Text style c. text size d. Font size 34. What is the correct CSS syntax for making all the elements bold? a. P {font weight:bold} b. P style="text size:bold" c. P {text size:bold} d. P style="font size:bold"> 35. How do you display hyperlinks without an underline? a. A {text decoration:none} b. A {text decoration:no underline} c. A {decoration:no underline} d. A {underline:none} 36. How do you change the font of an element? a. Font family: b. F: c. Font= 37. How do you make the text bold in CSS? a. Font weight:bold b. Style:bold c. Font:b 38. How do you change the left margin of an element? a. Margin left: b. Text indent: c. Margin: d. Indent:

39. To define the space between the element's border and content, you use the padding property, you are allowed to use negative values? a. True b. False 40. How do you make a list that lists its items with squares? a. Type: square b. List type: square c. Type: 2 d. List style type: square 41. Where in an HTML document is the correct place to refer to an external style sheet? a. In the head section b. At the end of the document c. At the top of the document d. In the body section 2. To practice the CSS, create a new page looks as following, then Show/share your new webpage with the lab instructor.