Create an Unordered List

Slides:



Advertisements
Similar presentations
Slide 1 CMPS 211 Internet Programming Spring 2008 Dynamic Effects with Styles Chapter 12 2/6/08.
Advertisements

Very quick intro HTML and CSS. Sample html A Web Title.
FORMATTING IN CONTEXT. FOLLOW UPS ANCHOR POINTS MUST BE UNIQUE  If you have more than one, how does it know where to go?  They can be repeated across.
Links.  Styling Links  Links can be styled with any CSS property (e.g. color, font-family, background-color).  Special for links are that they can.
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
SM5312 week 11: CSS Menus & Navigation Bars1 An Introduction to Cascading Style Sheets CSS Menus and Navigation Bars Nick Foxall.
Web Development & Design Foundations with XHTML Chapter 7 Key Concepts.
Advance CSS (Menu and Layout) Miftahul Huda. CSS Navigation MENU It's truly remarkable what can be achieved through CSS, especially with navigation menus.
Building a Website: Cascading Style Sheets (CSS) Fall 2013.
Navigation Bars Level 2 Extended Certificate Unit B12 Doing Business Online.
Navlang A JavaScript utility for navigation bars Paul Borokhov Brian Alker Motivation: Implementing good-looking CSS website navigation bars involves writing.
Web Pages and Style Sheets Bert Wachsmuth. HTML versus XHTML XHTML is a stricter version of HTML: HTML + stricter rules = XHTML. XHTML Rule violations:
Class four: the box model and positioning. is an HTML tag which allows you to create an element out of inline text. It doesn’t mean anything! try it:
Button хийх.
Unit 20 - Client Side Customisation of Web Pages
 Remember that HTML is just text  Need to point to pictures  Use the img tag  alt: › screen reader › REQUIRED for this class and to validate.
CSS Class 2 -Add margins to elements on a page. -Set width and height of elements. - CSS shorthand properties for box model. -Style links. -Style tables.
Week 8 – Part 2 Page Layout Basics Key Concepts 1.
Principles of Web Design 6 th Edition Chapter 9 – Site Navigation.
Web Development & Design Foundations with HTML5 7th Edition
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.
ACM 262 INTRODUCTION TO WEB DESIGN Week-7 ACM 262 Course Notes.
Cascading Style Sheet (CSS) SAMPLE IT133 Pengembangan Web.
Stylizing a Navigational Menu Web Design Section 6-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Chapter 5 pp HTML Elements & Attributes Format Content Or Examples This Text Is A Hyperlink.
NAVIGATION USING HTML TO SET UP THE BASIC STRUCTURE OF A NAV BAR.
1 Cascading Style Sheets
WebD Introduction to CSS By Manik Rastogi.
CSS.
UNORDERED LISTS By J.R. Basham.
Cascading Style Sheets (CSS)
Semester - Review.
Google fonts CSS box model
Fix the CSS syntax errors below
Lab Styling Tabs with CSS Scott Lydiard
More advanced HTML and CSS
What is CSS.
Box model.
Vendosja e Headers dhe Footers
Advanced CSS Layout Lesson 5.
Chapter 6 Lists.
Cascading Style Sheets (Layout)
SASS.
Web Systems & Technologies
Web Authoring Task 1– Create Style Sheet H1 H2 P LI OL UL Table Body
Web Development & Design Foundations with HTML5 7th Edition
HTML5 Level I Session IV - Chapter 7 How to Work with Links and Lists
Chapter 7 Page Layout Basics Key Concepts
Introduction to Web Page Design
Web Development & Design Foundations with HTML5 8th Edition
Web Development & Design Foundations with HTML5
ITI 133 HTML5 Desktop and Mobile Level I
Basics of Web Design Chapter 7 Page Layout Basics Key Concepts
List Practice.
Style Sheet Create a new CSS called Cameras.CSS TD Web Authoring
6 Layout.
CSS Box Model.
Cascading Style Sheets
Lists, nesting, span/div
Web Development & Design Foundations with HTML5
Nov. 1, 2018 Drop-down menu.
Chapter 17 CSS transformations.
Intro to Web Development
What Color is it?.
Web Development & Design Foundations with HTML5
CSS and Class Tools.
Advanced CSS Layout Lesson 5.
Kanida Sinmai CSS – Cascading Style Sheets Kanida Sinmai
Presentation transcript:

Create an Unordered List Create an Unordered List. Use first three world record holders in the history of pole vaulting starting with Marc Wright (this will have bullets). Create an Ordered List. Use the latest world record holders in the pole vault. List them from highest record to third highest (this will have numbers).

ul#menu { padding: 0; } ul#menu li { display: inline; ul#menu li a { background-color: black; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px 4px 0 0; ul#menu li a:hover { background-color: orange;

ul#menu li a { background-color: black; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px 4px 0 0; } ul#menu li a:hover { background-color: orange;

<ul id="menu"> <li><a href="/html/default.asp">HTML</a></li> <li><a href="/css/default.asp">CSS</a></li> <li><a href="/js/default.asp">JavaScript</a></li> <li><a href="/php/default.asp">PHP</a></li> </ul>

ul#menu { padding: 0; } ul#menu li { display: inline; ul#menu li a { background-color: black; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px 4px 0 0; ul#menu li a:hover { background-color: orange;