Ordered & Unordered Lists in HTML

Slides:



Advertisements
Similar presentations
Lists in HTML PowerPoint How to create lists in HTML
Advertisements

Table, List, Blocks, Inline Style
HTML popo.
Site Development Foundations © 2004 ProsoftTraining All rights reserved.
Lists, Lists, & Lists Unordered List Ordered List Definition List.
CS134 Web Design & Development Attributes, Lists, Tables, Links, and Images Mehmud Abliz.
COS 125 DAY 21. Agenda  Assignment 6 due  Assignment 7 is posted Assignment 7 Due April 2PM  Left to do 1 Assignments (8 total)  Due May 2 3.
Chapter 4 – Intermediate HTML 4 Outline 4.1 Unordered Lists 4.2 Nested and Ordered Lists 4.3 Basic HTML Tables 4.4 Intermediate HTML Tables and Formatting.
Cascading Style Sheets 1. About Lists HTML list code ul, ol, dldl CSS list-item style properties
1 Lists: Bringing Order Out of Chaous Plain Text Lists List Making Tags Ordered and Unordered Lists Key Terms Review Questions.
Web Page Development Identify elements of a Web Page Start Notepad
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
COS 125 DAY 23. Agenda Assignment #6 Graded 8 A’s, 4 B’s and 1 D Biggest Problem area was layout Assignment #7 Posted Due April 20 Two (one?) more to.
COS 125 DAY 20.
SSome HTML tags allow you to specify a variety of options, or attributes, along with the basic tag itself. For example, when you begin a paragraph with.
Session: 3. © Aptech Ltd. 2Formatting Text using Tags / Session 3  Explain the Heading tag  Explain the different tags related to formatting  Explain.
WDV 101 Intro to Website Development
Creating List. Lesson Proper Pre-Test Post-Test References Credits.
Tutorial #4 Formatting Text and Links. Tutorial #3 Review - CSS CSS format Selector { property1: value1; /* Comments */ } Embedded, In-Line, and External.
HTML Boot Camp: Formatted Lists
Ordered Lists By Brian Christian. Ordered List Tags You use this tag when you want to start an ordered list. Each list item you write need to start with.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
INTRODUCTORY Tutorial 4 Exploring Graphic Elements and Images.
XHTML Lists. There are three types of lists available in XHTML  Unordered or bulleted lists  Ordered or numbered lists  Definition or directory lists.
Assistant Professor,UCER Naini,Allahabad
The Complete Reference OMT II Mam Saima Gul. * Modern HTML has three basic forms of lists: ordered lists ( ), unordered lists ( ), and definition lists.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 15: Lists.
Unordered Lists Need to make a list of items that aren't numbered? You need.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 4 Formatting Text and Links.
© UNT in partnership with TEA1 Web Technologies Introduction to HTML Scripting.
Basic Webpage Design Formatting output using Unordered List and Ordered List tag.
CSE 102 Introduction to Web Design and Programming
UNORDERED LISTS By J.R. Basham.
Tutorial 1 – Creating Web Pages With HTML
HTML Basics.
LAB Work 01 MBA 61062: E-Commerce
Organizing Content with Lists and Tables
Web Development & Design Foundations with HTML5 7th Edition
HTML Formatting.
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Lists in HTML PowerPoint How to create lists in HTML
Text Elements.
HTML Lists CS 1150 Fall 2016.
Chapter 6 Lists.
Lists, Thumbnails, and Icons
LISTS.
AN INTRODUCTORY LESSON TO MAKING A SIMPLE WEB PAGE By: RC Emily Solis
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Spring 2009 Kevin Cole Gallaudet University
HTML (HyperText Markup Language)
CS7026: Authoring for Digital Media HTML Authoring
TABLES, LISTS & IMAGES.  Tables are defined with tag.  Table is divided into rows and columns.  Table must have at least one row and one column  Table.
List Practice.
Text Elements.
Practice: first_document.html
COS 125 DAY 23.
Text Elements.
HTML ELEMENTS Ms. Olifer.
Introduction to XHTML Cont:.
HTML Lists CS 1150 Spring 2017.
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
HTML Lists.
Html.
Introduction to HTML.
Text Elements.
COS 125 DAY 13.
LISTS.
Text Elements.
Lesson 3: Organizing your material
Presentation transcript:

Ordered & Unordered Lists in HTML

Items on the List are Numbered Ordered List

<ol> Tag Pair of tags that surround the entire list Short for Ordered List

<li> Tag Pair of tags that surround each individual item on list Short for List Item

Example By Default, Numbering is Ascending (Increasing) and in Decimal Notation

For Use with Ordered Lists Optional Attributes

start Specifies alternate starting value for list numbering Example:

reversed Counts down – numbers in descending order

List Uses Bullets Unordered List

<ul> Tag Pair of tags that surround the entire list Short for Unordered List

<li> Tag Pair of tags that surround each individual item on list Short for List Item

By Default, Bullets are Style “disc” – filled in circles Example By Default, Bullets are Style “disc” – filled in circles

Notice: <li> not closed until contained elements are completed Nesting Lists in Lists Accomplish by creating an additional pair of <ol> or <ul> tags inside a particular <li> Example: Notice: <li> not closed until contained elements are completed

Notice: <li> not closed until contained elements are completed Nesting Example: Notice: <li> not closed until contained elements are completed

Nesting You can continue to nest as many levels deep as you like Not limited to just two levels