TEST NAME: MMWD 4.01 TEST ID: GRADE:09 - Ninth Grade Twelfth Grade SUBJECT:Computer and Information Sciences TEST CATEGORY: My Classroom

Size: px
Start display at page:

Download "TEST NAME: MMWD 4.01 TEST ID: GRADE:09 - Ninth Grade Twelfth Grade SUBJECT:Computer and Information Sciences TEST CATEGORY: My Classroom"

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. 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 information

Hyper Text Markup Language

Hyper 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 information

How the Internet Works

How 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 information

Introduction to WEB PROGRAMMING

Introduction 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 information

Hyper Text Markup Language

Hyper 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 information

HTML & 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 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 information

HTML. Hypertext Markup Language. Code used to create web pages

HTML. 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 information

INTRODUCTION TO CSS. Mohammad Jawad Kadhim

INTRODUCTION 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 information

Module 2 (VII): CSS [Part 4]

Module 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 information

Web Programming Week 2 Semester Byron Fisher 2018

Web 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 information

HTML and CSS: An Introduction

HTML and CSS: An Introduction JMC 305 Roschke spring14 1. 2. 3. 4. 5. The Walter Cronkite School... HTML and CSS: An Introduction

More information

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

The 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 information

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

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 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 information

AGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES

AGENDA :: 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 information

Html basics Course Outline

Html 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 information

Introduction to HTML

Introduction 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 information

WEBSITE PROJECT 2 PURPOSE: INSTRUCTIONS: REQUIREMENTS:

WEBSITE 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 information

Unit 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 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 information

GIMP 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 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 information

HTML OBJECTIVES WHAT IS HTML? BY FAITH BRENNER AN INTRODUCTION

HTML 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 information

Make 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 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 information

1 Creating a simple HTML page

1 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 information

Bridges To Computing

Bridges 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 information

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

Downloads: 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 information

Hyper Text Markup Language HTML: A Tutorial

Hyper 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 information

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

A 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 information

introduction to XHTML

introduction 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 information

CSC 121 Computers and Scientific Thinking

CSC 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 information

What You Will Learn Today

What 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 information

7300 Warden Avenue, Suite 503 Markham, Ontario Canada L3R 9Z6. Phone: Toll Free: Fax:

7300 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 information

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS

BASICS 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 information

GIMP 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 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 information

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

Basics 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 information

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

recall: 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 information

CSC Web Programming. Introduction to HTML

CSC 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 information

Web Design and Development Tutorial 03

Web 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 information

HTML Overview. With an emphasis on XHTML

HTML 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 information

Cascading Style Sheets CSCI 311

Cascading 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 information

ITNP43: HTML Lecture 4

ITNP43: 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 information

INTRODUCTION TO WEB USING HTML What is HTML?

INTRODUCTION 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 information

WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5

WEB 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 information

Final Exam Study Guide

Final 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 information

HIERARCHICAL ORGANIZATION

HIERARCHICAL 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***

<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 information

What 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 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 information

HTML, CSS, JavaScript

HTML, 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 information

HTML5: Adding Style. Styling Differences. HTML5: Adding Style Nancy Gill

HTML5: 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 information

NAVIGATION INSTRUCTIONS

NAVIGATION 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 information

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

GIMP 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 information

Learning Objectives. Review html Learn to write a basic webpage in html Understand what the basic building blocks of html are

Learning 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 information

Styles, Style Sheets, the Box Model and Liquid Layout

Styles, 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 information

FUNDAMENTALS OF WEB DESIGN (405)

FUNDAMENTALS 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 information

1/6/ :28 AM Approved New Course (First Version) CS 50A Course Outline as of Fall 2014

1/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 information

A Balanced Introduction to Computer Science, 3/E

A 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 information

CSS: The Basics CISC 282 September 20, 2014

CSS: 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 information

Web Publishing Basics I

Web 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 information

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:

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: 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 information

Web Design and Development ACS Chapter 11. Creating Lists 11/16/2017 1

Web 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 information

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3

Multimedia 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 information

COMP519 Web Programming Lecture 3: HTML (HTLM5 Elements: Part 1) Handouts

COMP519 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 information

HTML & CSS November 19, 2014

HTML & 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 information

SEEM4570 System Design and Implementation. Lecture 1 Cordova + HTML + CSS

SEEM4570 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 information

Programmazione Web a.a. 2017/2018 HTML5

Programmazione 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 information

Introduction to Web Technologies

Introduction 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 information

Web Designing HTML5 NOTES

Web 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 information

c122jan2714.notebook January 27, 2014

c122jan2714.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 information

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1

Web 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 information

Index. 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. 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 information

CSS 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 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 information

Unit 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 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 information

CREATING A WEBSITE USING CSS. Mrs. Procopio CTEC6 MYP1

CREATING 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 information

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

Chapter 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 information

CSS is applied to an existing HTML web document--both working in tandem to display web pages.

CSS 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 information

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

Introduction 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 information

CSS. https://developer.mozilla.org/en-us/docs/web/css

CSS. 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

('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 information

Introduction to Cascading Style Sheet (CSS)

Introduction 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 information

MPT Web Design. Week 1: Introduction to HTML and Web Design

MPT 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 information

Creating Layouts Using CSS. Lesson 9

Creating 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 information

Lab 1: Introducing HTML5 and CSS3

Lab 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 information

Three Ways to Use CSS:

Three 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 information

AGENDA. HTML CODING YOUR HOMEPAGE [ Part IV ] :: NAVIGATION <nav> :: CSS CODING FOR HOMEPAGE [ <nav> & child elements ] CLASS :: 13.

AGENDA. 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 information

Web 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 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 information

GIMP 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. 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 information

Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)

Skill 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 information

COMS 359: Interactive Media

COMS 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 information

INTRODUCTION TO HTML5! HTML5 Page Structure!

INTRODUCTION 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 information

Ministry of Higher Education and Scientific Research

Ministry 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 information

Website Development with HTML5, CSS and Bootstrap

Website 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 information

COMP519 Web Programming Autumn Cascading Style Sheets

COMP519 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 information

CHAPTER 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 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 information

Web 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 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 information

The Structure of the Web. Jim and Matthew

The 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 information

Creating a simple HTML page

Creating 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 information

ITL Public School Mid Term examination ( )

ITL 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 information

Chapter 7 BMIS335 Web Design & Development

Chapter 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 information

Markup Language SGML: Standard Generalized Markup Language. HyperText Markup Language (HTML) extensible Markup Language (XML) TeX LaTeX

Markup 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 information

HTML & CSS. Rupayan Neogy

HTML & 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 information

Lab 4 CSS CISC1600, Spring 2012

Lab 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 information

Chapter 3 Style Sheets: CSS

Chapter 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