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

Slides:



Advertisements
Similar presentations
XHTML Week Two Web Design. 2 What is XHTML? XHTML is the current standard for HTML Newest generation of HTML (post-HTML 4) but has many new features which.
Advertisements

© 2004, Robert K. Moniot Chapter 6 CSS : Cascading Style Sheets.
AdvWeb-1/12 DePaul University SNL 262 Web Page Design Lists In HTML Instructor: David A. Lash.
AdvWeb-1/17 DePaul University SNL 262 Web Page Design Lists In HTML Instructor: David A. Lash.
AdvWeb-1/12 DePaul University SNL 262 Web Page Design Forms! - Chapt 8 Instructor: David A. Lash.
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
Web page - A Web page is a simple text file that contains HTML tags (code) that describe what should be displayed on the browser. -The Web browser interprets.
Class 3 – Creating Lists In this lesson, you will learn to use HTML to organize your text into lists.
HTML (HyperText Markup Language)
Creating List. Lesson Proper Pre-Test Post-Test References Credits.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
1 Mastering the Internet and HTML Lists and List Tags.
Unit 1 Changing the Appearance of Text. TITLE CORNELL NOTES TOPIC: NOTES: Summary: HTML Hypertext Markup Language 1 st and last tag on a page Tags Tags.
Getting Started with HTML Please use speaker notes for additional information!
HTML - Examples Be sure to check speaker notes for additional information!
Essentials of HTML Class 4 Instructor: Jeanne Hart
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.
Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3.
Agenda Lists Purpose Types of Lists: Unordered Ordered Definition.
Formatting Text with HTML. Objectives: Students will be able to: Define the structure of the document with block elements Format numbered, bulleted, and.
The Complete Reference OMT II Mam Saima Gul. * Modern HTML has three basic forms of lists: ordered lists ( ), unordered lists ( ), and definition lists.
Elements and Attributes. XHTML Elements The element contains special information that does not necessarily show up on the web page. The element determines.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 15: Lists.
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.
Text Elements. We've already learned about the,,,, and elements. Now let's learn some elements that we'll use to present actual text content on our web.
Scott Marino MSMIS Summer Session Web Site Design and Authoring Session 4 Scott Marino.
Basic Webpage Design Formatting output using Unordered List and Ordered List tag.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Tutorial 1 – Creating Web Pages With HTML
Client-Side Internet and Web Programming
LAB Work 01 MBA 61062: E-Commerce
Marking Up with XHTML Tags describe how a web page should look
Organizing Content with Lists and Tables
Web Development & Design Foundations with HTML5 8th Edition
Introduction to the Internet
Web Development & Design Foundations with HTML5 7th Edition
Session 5: HTML J 0394 – Perancangan Situs Web Program Studi Manajemen
HTML Formatting.
Programming the Web using XHTML and JavaScript
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Lists in HTML PowerPoint How to create lists in HTML
Text Elements.
Ordered & Unordered Lists in HTML
HTML Lists CS 1150 Fall 2016.
Chapter 6 Lists.
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Client-Side Internet and Web Programming
Elements and Attributes
Fundamentals of Web Programming
Web Design & Development
HTML (HyperText Markup Language)
CS7026: Authoring for Digital Media HTML Authoring
Programming for webpages
Text Elements.
COS 125 DAY 23.
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Text Elements.
HTML Lists CS 1150 Spring 2017.
Formatted Lists Unordered Lists Usage of Unordered List Ordered Lists
Creating and Editing a Web Page
Marking Up with XHTML Tags describe how a web page should look
Text Elements.
Marking Up with XHTML Tags describe how a web page should look
COS 125 DAY 13.
Basics of Web Design Chapter 2 HTML Basics Key Concepts
Basics of Web Design Chapter 2 HTML Basics Key Concepts
Text Elements.
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

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 the <p> tag you can specify whether the text in that paragraph should be aligned to the left margin, right margin, or center of the page.

TTo align a paragraph to the right margin, you can put align=“right” inside <p> tag at the beginning of the paragraph. TTo center a paragraph, use <p align=“center”>. TThe tag to align a paragraph to the left is <p align=“left”>. (default) TThe word align is called an attribute of the <p> tag. ◦A◦Attribute are special code words used inside an HTML tag to control exactly what the tag does. YYou can also use the align attribute with <h1>, <h2>and other HTML tag containing text.

WWhen you want to set the alignment of more than one paragraph or heading at a time, you can use the align attribute with the <div>, or division, tag. BBy itself, <div> and its corresponding closing </div> tag actually don’t do anything at all. ◦<◦<div align=“center”> ◦<◦<div align=“right”> ◦<◦<div align=“left”>

TThere are three basic types of HTML lists. ◦T◦The bulleted list is called an unordered list. It opens with the <ul> tag and closes with </ul>. It looks like an ordered list, except that bullets appear at each <li> tag instead of numbers. ◦T◦The numbered list is called an ordered list. It begins with <ol> tag and ends with a closing </ol> tag. Numbers and line breaks appear automatically at each <li> tag, and the entire list is indented. ◦T◦The list of terms and their meanings is called a definition list. It starts with the <dl> and ends with </dl>. The <dt> tag goes in front of each term to be defined, with a <dd> tag in front of each definition. Line breaks and indentations appear automatically.

OOrdered lists ◦a◦are indented lists that have numbers or letters in front of each item. UUnordered lists ◦a◦are indented lists with a special bullet symbol in front of each item. DDefinition lists ◦a◦are indented lists without any number or symbol in front of each item.

AAlthough definition lists are officially to be used for defining terms, many Web page authors use them anywhere they’d like to see some indentation. In practice, you can indent any text simply by putting <dl><dd> at the beginning of it and </dd></dl> at the end. OOrdered and unordered lists can also be nested inside one another, down to as many levels as you want.

BBy default, a web browser will use a solid disc for the first-level bullet, a hollow circle for the second-level bullet, and a solid square for all deeper levels. However, you can explicitly choose which type of bullet to use for any level by using: ◦<◦<ul type=“disc”> ◦<◦<ul type=“circle”> ◦<◦<ul type=“square”> ◦C◦Can also be used inside the <li> tag

TThe type attribute also works with ordered lists, but instead of choosing a type of bullet you choose the type of numbers or letters to place in front of each item. ◦t◦type=“I” – roman numerals ◦t◦type=“A” – capital letters ◦t◦type=“a”- lowercase letters ◦t◦type=“1”- numbers ◦t◦type=“I” – lowercase roman numerals ◦C◦Can also be used inside the <li> tag

HHere’s one more seldom-used but handy- when-you-need-it trick: You can start an ordered list with any number (or letter) with the start attribute. <ol start=“3”> IIndividual points can be renumbered with the value attribute: ◦<◦<li value=“12”> NNote that you must always use numbers with the start and value attribute. To make a list that starts with the letter C: ◦<◦<ol type=“A” start=“3”>

TagAttributeFunction … A region of text to be formatted. align=“…”Align text to center, left, or right. Can also be used with,, and so on … An ordered (numbered) list. type=“…”The type of numerals use to label the list. Possible values are A, a, I, I, 1. start=“…”The value with which to start this list. … An unordered (bulleted) list. type=“…”The bullet dingbat used to mark list items. Possible values are disc, circle and square. … A list item for use with or type=“…”The type of bullet or number use to label the item. Possible values are disc, circle, sqaure, A, a, I, I, 1.

TagAttributeFunction Value=“…”The numeric value this list item should have (affects this item and all below it in lists. … A definition list. … A definition term, as part of definition list. … The corresponding definition to a definition term as part of a definition list.