Coding with HTML/CSS Quiz { } Play as a PowerPoint slideshow for answers.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

Cascading Style Sheets
CSS CSS Precise Aesthetic Control. Cascading Style Sheets Though they can be put in HTML header, usually a separate page that the HTML links to Contains.
HTML – A Brief introduction Title of page This is my first homepage. This text is bold  The first tag in your HTML document is. This tag tells your browser.
Very quick intro HTML and CSS. Sample html A Web Title.
Cascading Style Sheets SP.772 May 6, CSS Useful for creating one unified look for an entire web site. Helps to seperate style from content. Can.
Beginning Web Site Creation: Dreamweaver CS4. XHTMLCSS  Describes the structure  Content  Collection of styles  Formatting body { background-color:
CS428 Web Engineering Lecture 06 Introduction (Cascading Style Sheet) 1.
Cascading Style Sheets. Slide 2 Lecture Overview Overview of Cascading Style Sheets (CSS) Ways to declare a CSS CSS formatting capabilities New features.
ESL PowerPoint Demonstration The Effective Use of Presentation Software in the ESL Classroom By Daniel Craig University of Illinois ESL 401 J.
CSS (Cascading Style Sheets): How the web is styled Create Rules that specify how the content of an HTML Element should appear. CSS controls how your web.
Selectors thru Borders. CSS – Cascading Style Sheets – is a way to style HTML HTML is the content base of a web page CSS provides the presentation qualities.
HIGHER COMPUTING CSS. WHAT IS CSS? CSS: Cascaded Style Sheets used to separate a web site’s content(information) from its style(how it looks).
INFSCI  Start with a skeleton outline: copy and paste:  Warning sometimes copy and paste of quote marks from PowerPoint doesn’t work correctly.
TECH2018 Multimedia and the Internet More about CSS and Page Layouts.
Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.
Using Cascading Style Sheets. Introduction to Styles and Properties  Cascading Style Sheets (CSS) are a standard set by the World Wide Web Consortium.
Eat Your Words! Creating webpage Layout. CONTENT The Layout of a Webpage HEADER FOOTER Each of these sections represents a ‘div’ (or divider). By linking.
Tutorial #3 Cascading Style Sheets. Review: Last Class Image sizing Pathnames Project Default Path Relative Path Absolute Path Blackboard Homework Submission.
INTRODUCTION TO HTML5 Styling Text. Change the Font Size  You can use the font-size property to change the font size for a document’s text.  Instead.
HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.
Cascading Style Sheets Class 1, Lecture 1 Rachel A Ober
IDs versus Classes Naming Your Tags for Maximum Functionality.
Mr. Justin “JET” Turner CSCI 3000 – Fall 2015 CRN Section A – TR 9:30-10:45 CRN – Section B – TR 5:30-6:45.
 A style sheet is a single page of formatting instructions that can control the appearance of many HTML pages at once.  If style sheets accomplished.
CIS67 Foundations for Creating Web Pages Professor Al Fichera Rev. September 14, 2010—All HTML code brought to XHTML standards. Reference for CIS127 and.
Click to begin Click to begin Mr. Thomas CSS Multiple Multiple Choice Fill-In The Fill-In The Blank Fill-In The Fill-In The Blank 10 Points 20 Points.
WRT235: Writing in Electronic Environments CSS Classes, IDs, divs.
Tutorial #3 Cascading Style Sheets. Tutorial #2 Review - Anchors Links to Site DMACC Internal Links Go to Top Mail To me Local.
End User Computing More on HTML and CSS Sujana Jyothi Department of Computer Science
CSS. HTML: Looking Back HTML dictates order, structure, and function Does very little to specify layout or visual rendering.
IS 360 Declaring CSS Styles. Slide 2 Introduction Learn about the three ways to declare a style Inline / embedded / external Learn about the effect of.
CSS Cascading Style Sheets. CSS Advantages Greater typography and page layout control Style is separate from structure Styles can be stored in a separate.
CS 142 Lecture Notes: CSSSlide 1 CSS Rule body { font-family: Tahoma, Arial, sans-serif; color: black; background: white; margin: 8px; } Selector Declaration.
Lesson 03 // Cascading Style Sheets. CSS Stands for Cascading Style Sheets. We’ll be using a combination of Html and CSS to create websites. CSS is a.
More CSS.
Creating Your Own Webpage COSC Cascading Stylesheets Think of: HTML: content of your webpage HTML has tags CSS: presentation and appearance of your.
Moving Boxes The CSS ‘box’ Model and moving elements around the page 1.
Things we’ve covered so far  Basic HTML  Some advanced tags i.e.  Styling using CSS  Background-color  Text  Changing the font on your site  Inserting.
Which formula gives you the desired effect? Desired Results ABCD Click on the letter of the correct answer. A is incorrect. The sidebar and main have the.
Web Foundations WEDNESDAY, NOVEMBER 20, 2013 LECTURE 32: DREAMWEAVER SLIDE SHOW AND GOOGLE MAP.
Cascading Style Sheets Level 2. Course Objectives, Session 1 Level 1 Quick Review Chapter 8: Adding Graphics to Web Pages Chapter 9: Sprucing Up Your.
Quick Questions 1. What does HTML stand for? 2. What are the three main languages of the Web? 3. What is the purpose of the tags? 4. Why do we indent different.
Cascading Style Sheets (CSS). A style sheet is a document which describes the presentation semantics of a document written in a mark-up language such.
CSS Cascading Style Sheets. “Cascading” Example (inline style) HTML
Copyright © 2006, Jumail, FSKSM, UTM Slide 1 Cascading Style Sheets (CSS)
CIS234A Lecture 5 Instructor Greg D’Andrea. Font Styles Review Font-Family: generic family, font family Font-Size: em, pt, px, %, mm, cm, in Font-Style:
Cascading Style Sheets Web Design Fairport High School.
5 th ed: Chapter 4 4 th ed: Chapter 5 SY306 Web and Databases for Cyber Operations Slide Set #4: CSS.
CIT 256 CSS Intro & Dreamweaver Built-in Layouts Dr. Beryl Hoffman.
Extra-simplified.  Only truly happen when the CSS and HTML are defined as separate files (external style sheet) Introduction The main idea of CSS is.
Coding with HTML {. THE BASICS { What is HTML and how can you use it to make websites?
CSS Cascading Style Sheets *referenced from
OV Copyright © 2008 Element K Content LLC. All rights reserved. Working with Web Pages  An Introduction to Cascading Style Sheets  Format a Web.
BEGINNER WEB DESIGN. INTRODUCTION Vocabulary Design Tools of the Trade HTML CSS.
Group 9: Through examples, explain how to build a css navigation bar. Presented by: Daniel Ku, Matt Iannacci & Iphia Henry.
Chapter 7.  Change body and link styles  Create a drop-down menu  Change color and font styles in the menu  Create a pop-up effect using CSS  Utilize.
HTML & CSS Contents: the different ways we can use to apply CSS to The HTML documents CSS Colors and Background CSS Fonts CSS Text CSS box model: padding,
Unit 3 - Review. Topics 1. Tag, Attribute, Value 2. CSS Rule Syntax + link 3. Categories of Selectors 4. Inline vs Block Tags 5. CSS Layout 6. CSS Box.
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
NAVIGATION USING HTML TO SET UP THE BASIC STRUCTURE OF A NAV BAR.
CSS (Cascading Style Sheets). CSS CSS – Cascading Style Sheets – Cascade because of the way CSS rules can stack on top of each other. Allows you to add.
The Box Model in CSS Web Design – Sec 4-8
The Box Model in CSS Web Design – Sec 4-8
The Box Model in CSS Web Design – Sec 4-8
Second CSS Lecture Applications to XML
Putting it all together
Training & Development
CSS.
Building a website: Putting it all together
Presentation transcript:

Coding with HTML/CSS Quiz { } Play as a PowerPoint slideshow for answers

What are HTML and CSS used for? a) Programming robots b) Making a great sandwich c) Creating websites d) Drawing pictures digitally

What’s the difference between HTML and CSS? a) HTML is for building websites; CSS is for changing how they look b) HTML is only for Windows computers; CSS is for all computers c) HTML and CSS are names for the same thing d) CSS is for building websites; HTML is for changing how they look

Which of these is NOT an HTML tag? a) b) c) <link> d)

What tag do you put around text/paragraphs? a) b) <p> c) d)

Where can you put CSS in your code? a) Anywhere you want b) Between the <style> and </style> tags c) Only after the letter Q d) Nowhere

What should you put at the end of every website file? a).web b).www c).html d).jpg

What tags would you use to make words look like this: This is text a) <b>This is text</b> b) This is text c) This is text d) This is text

What tags would you use to make a link like this? Link a) Link b) Link c) Link d) <a href = “website.com”>Link</div>

How would you put this picture of guinea pigs into your website? a) b) c) Type in “I want guinea pigs” d) “gpigs.jpg”

What do s do? a) Let people open your website in their browser b) Play extremely loud, annoying music c) Make your website turn different colors d) Divide your website into different areas that hold content

How do you make a header for your website? a) Text here b) Text here c) Text here d) All of the above

When you’re setting up a file to make a website, which tags do you NOT use? a) b) c) <file> d)

Which of these is a CSS option that you would use on text? a) background-color b) color c) padding d) height

What CSS option would you use on a div to make sure its contents don’t touch the sides? a) border b) margin c) background-color d) padding

What CSS option would you use on a div to make sure it doesn’t touch the div below it? a) margin b) padding c) border d) width

Which of these is NOT a CSS option? a) size b) border-left c) font-family d) font-weight

How would you use CSS to make text bold? a) font: b; b) font-size: bold; c) font-weight: b; d) font-weight: bold;

What’s the difference between an ID and a class? a) Both can be used for the same thing depending on your preference b) A class is used for one object; an ID is used for several similar objects c) An ID is used for one object; a class is used for several similar objects d) An ID can be used only on divs, but a class can be used on anything

How do you add CSS into a HTML tag for a ? a) Text b) <p style = “color: #ffffff;”>Text</p> c) Text d) Text

What can you use to change the size of something with CSS? a) pixels (px) b) percentages (%) c) All of the above d) inches (in) or centimeters (cm)