<html> <head> <title> Lists in HTML PowerPoint </title> </head> <body> How to create lists in HTML </body> </html>

Slides:

Advertisements

Similar presentations

Web Pages: Creating & Maintaining Lists. Grocery List Milk Bread Eggs.

Advertisements

LIST- HYPERLINK- IMAGES

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

1 Lists: Bringing Order Out of Chaous Plain Text Lists List Making Tags Ordered and Unordered Lists Nesting List List of Definition Review Questions Exercise.

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

Chapter 3 BIE1313/BPROG1203 | Web design Prepared by Mohamed Abdulkarim / Mike Ng Ah Ngan.

Atomic Structure: Isotopes and Ions. Isotopes  The number of protons for a given atom never changes.  The number of neutrons can change.  Two atoms.

Class 3 – Creating Lists In this lesson, you will learn to use HTML to organize your text into lists.

Kevin Murphy Lists, Links and Anchors Masters Project CS 490.

Creating List. Lesson Proper Pre-Test Post-Test References Credits.

ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.

Ordered and Unordered Lists Web Design – Section 3-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Warmup: Concept: PS-2.1 Compare the subatomic particles.

Electricity as Energy. In this activity you will: Learn about electricity as a form of energy.

Lec: Isotopes and Ions. An Isotope is an element that has the same number of protons but a different number of neutrons.

Basic HTML PowerPoint How Hyper Text Markup Language Works.

HTML Boot Camp: Formatted Lists

HTML Lesson 5 Hyper Text Markup Language. Assignment 4  Create a new HTML page called index.htm and save it in your HTML_Folder  Use the same format.

Organization Components (Lists, Table & Frame) Wah Yan College (Hong Kong) Mr. Li. C.P.

Chapter 7 Web Design.. HTML  Hypertext Markup Language  Using HTML, text is formatted by wrapping it in a tag.  The tags provide instructions to the.

Electricity Lesson 1 Forces and Electrical Charges.

Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.

ATOMS VOCABULARY Fill in your vocabulary chart or review your notes as you view the powerpoint.

HTML 58.51A LINKING & LISTS Linking to local files name of destination.... anchor tag HREF attribute. This attribute identifies the location of the link.

Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3.

Lesson 3: Organizing your material  Create a numbered or unordered (bulleted) list  Unordered list tag is to begin and to indicate the beginning and.

Agenda Lists Purpose Types of Lists: Unordered Ordered Definition.

Basics of HTML. Tags for overall page structure:,, and Tags for titles, headings, and paragraphs:, through, and Tags for comments: Tags for lists:,,,,

Structure of an Atom. The Three subatomic particles of an atom: Proton Neutron Electron.

This shows CIS17 and the first day introduction..

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.

NUCLEUS The Nucleus Contains Protons and Neutrons ELECTRONS Electrons Are Contained In One Or More Orbitals Surrounding The Nucleus.

What is an Electric Current?. Everything has the same charge.

Lists Module 2: XHTML Basics LESSON 8. Module 2: XHTML Basics LESSON 8 Lesson Overview In this lesson, you will learn to:  Create lists using XHTML code.

Click on CIS120/17 to go to website for course. The week of will tell you what is planned for the week and what has been assigned.

Unordered Lists Need to make a list of items that aren't numbered? You need.

ATOMS, IONS AND ISOTOPES…OH, MY!. ATOMS Smallest part of matter Made of proton (+) Neutron (neutral/0) Electron (-)

Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.

Web Page Design XHTML Lesson 4. Adding Structure 4 A div tag –Used to divide up a web page and to add structural meaning to the page. –Will not change.

HTML 17 HTML 17. HTML 17 HTML is the language for making webpages Hypertext Markup Language You need to know the basics Questions about HTML are common.

Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.

Lecture: Lists. LISTS UNORDERED ORDERED What’s the Difference? Ordered lists use numbers and letters use where order matters (like recipes) Unordered.

© UNT in partnership with TEA1 Web Technologies Introduction to HTML Scripting.

Basic Webpage Design Formatting output using Unordered List and Ordered List tag.

Tutorial 1 – Creating Web Pages With HTML

Organizing Content with Lists and Tables

Web Development & Design Foundations with HTML5 7th Edition

Intro to HTML Mr. Singh.

HTML Formatting.

Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists

Lists in HTML PowerPoint How to create lists in HTML

Ordered & Unordered Lists in HTML

HTML Lists CS 1150 Fall 2016.

Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists

Practice: first_document.html

A Model for the Electrical Nature of Matter

HTML Lists CS 1150 Spring 2017.

Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists

HTML Extension.

Atomic Structure.

ATOMS AND ATOMIC STRUCTURE Atom Nucleus Proton Neutron Electron

Example Example 1: The atom of an element has a mass number of 214 and an atomic number of 82. a) How many protons and neutrons does it have? The number.

Lesson 3: Organizing your material

Presentation transcript:

<html> <head> <title> Lists in HTML PowerPoint </title> </head> <body> How to create lists in HTML </body> </html>

Creating Lists in HTML 3 types of lists Unordered list Ordered list Bulleted items Ordered list Numbered items Definition List a list of items, with a description of each item

Unordered Lists in HTML The tag for a bulleted list is <ul> & </ul> Each item is surrounded with the open and close <li> tag (li = list item) Bullets can be changed to squares or circles with the optional code type=“square” or type=”circle” in the <ul> tag. Code View <ul> <li>Milk</li> <li>Eggs</li> </ul> -- Browser View Milk Eggs

Ordered Lists in HTML The tag for a numbered list is <ol> & </ol> Each item is surrounded with the open and close <li> tag (li = list item) List items will be numbered Numbers can be changed to a, A, i, or I with the optional code type=“a”, type=“A”, etc in the <ol> tag. Code View <ol> <li>George Washington</li> <li>John Adams</li> </ol> -- Browser View 1. George Washington 2. Johns Adam

Definition Lists in HTML The tag for this list is <dl> & </dl> Each term is surrounded with the <dt> tag and each description is surrounded with the <dd> tag Code View <dl> <dt>Electron</dt> <dd>- carries a negative electric charge</dd> <dt>Neutron</dt> <dd>- carries no electric charge</dd> </dl> -- Browser View Electron - carries a negative electric charge Neutron - carries no electric charge

Lists in HTML – REVIEW Ordered lists <ol> produce numbered lists Unordered lists <ul> produce bulleted lists Each item in an ordered list & unordered list is surrounded with the <li> tag Definition lists <dl> produce terms with definitions Each term in a definition list is surrounded with the <dt> tag and each description is surrounded with the <dd> tag.