Xhtml is “v5.0” An HTML v4.1 Primer chapter 4. Slide 4-2 HTML Elements  Table 4.1 > html elements — container elements — text -- open tag, close tag.

Slides:

Advertisements

Similar presentations

The Web Wizards Guide to HTML Chapter Six Tables.

Advertisements

MA foundation Creating webpages using XHTML (part 1) Simon Mahony CCH

Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.

CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.

1 Cascading Style Sheets Continued Different kinds of selectors in a style sheet –Simple- Pseudo-Class –Contextual- Pseudo-Element –Class Image Styles.

Chapter 2 HTML Basics Key Concepts

Creating Pages in XHTML

INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.

CHAPTER 8 ADVANCED CSS. LEARNING OBJECTIVES Assign formatting styles to a CSS class definition Use a tag’s class attribute to apply the styles defined.

Web Development & Design Foundations with XHTML Chapter 7 Key Concepts.

Web Development & Design Foundations with XHTML Chapter 7 Key Concepts.

Need to define two things: › The destination › Something to click on to get there  Tag is click here  Can be text, special character or image (next.

Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.

16 HTML Tables and Frames Section 16.1 Create a basic table using HTML Define borders Merge cells Align content in tables Section 16.2 Create a frames-based.

Computer Science 1611 Internet & Web Creating Webpages with Style Hypertext and the HTML Markup Language (continued)

XHTML and CSS Overview. Hypertext Markup Language A set of markup tags and associated syntax rules Unlike a programming language, you cannot describe.

Marking Up With Html: A Hypertext Markup Language Primer

More HTML Chapter 4. 2 Nesting Tags How do you write the following in HTML? The wrong way: This is really, REALLY fun ! Tags must be correctly nested.

Lecture 13. A Very Brief Introduction to HTML and XHTML, part II Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell.

INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.

Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.

Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.

HTML Links and Anchors.

HTML HTML stands for "Hyper Text Mark-up Language“. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.

Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.

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

Agenda Links External and Internet Links Anchor Tag Text Hyperlinks Image Hyperlinks Images Image Attributes: src, alt, width, height, align, border.

Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.

HTML Introduction to HTML Tags. HTML Document My first HTML document Hello world!

CIS67 Foundations for Creating Web Pages Professor Al Fichera Reference for CIS127 and CIS 137.

XHTML - Basics Teppo Räisänen LIIKE/OAMK Introduction XHTML = eXtensible Hypertext Markup Language Transitional ~ HTML 4.01 Goal: to replace HTML.

Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.

Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.

>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.

1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.

Department of Information Technology Chapter 8 - Creating Hypertext links Lecturer: Ms Melinda Chung.

1.  Use the anchor element to link from page to page  Configure absolute, relative, and hyperlinks  Configure relative hyperlinks to web pages.

1 Web Developer Foundations: Using XHTML Chapter 3 XHTML Hyperlinks and Tables.

HTML: Hyptertext Markup Language Doman’s Sections.

Html Tables Basic Table Markup. How Tables are Used For Data Display Tables were originally designed to display and organize tabular data (charts, statistics,

ECA 228 Internet/Intranet Design I Intro to Markup.

1 Web Application Programming Presented by: Mehwish Shafiq.

HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.

Chapter 2 Designing Web Pages With HTML JavaMethods An Introduction to Object-Oriented Programming Maria Litvin Gary Litvin Copyright © 2003 by Maria Litvin,

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.

©SoftMoore ConsultingSlide 1 Introduction to HTML: Text-Level Elements and Links.

HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …

The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.

Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring

CS134 Web Design & Development Attributes, Lists, Tables, Links, and Images Mehmud Abliz.

1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

HTML cancho. HTML HyperText Markup Language A set of HTML tags.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.

Introduction to Programming the WWW I CMSC Winter 2003 Lecture 5.

1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.

Chapter 1: Intro to HTML Section 1: HTML Structure Presentation Section 2: Layout of an HTML File Section 3: Working with Lists & Tables Section 4: HTML.

This is a test Webpage Wow, I’m writing my first webpage.

HTML AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.

Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.

Marking Up with XHTML Tags describe how a web page should look

Bare boned notes.

Computers and Scientific Thinking David Reed, Creighton University

Marking Up with XHTML Tags describe how a web page should look

Marking Up with XHTML Tags describe how a web page should look

Web Design and Development

Marking Up with XHTML Tags describe how a web page should look

Marking Up with XHTML Tags describe how a web page should look

Marking Up with XHTML Tags describe how a web page should look

Presentation transcript:

xhtml is “v5.0” An HTML v4.1 Primer chapter 4

Slide 4-2 HTML Elements  Table 4.1 > html elements — container elements — text -- open tag, close tag — empty elements — --no close tag > Elements for Bold and Italic (deprecated) —..

Slide 4-3 web page structure I’d rather be.. I’d rather be... … skiing!!!

Slide 4-4 STRUCTURING DOCUMENTS > Headings in HTML — h1, h2, …, h6 > HTML Format vs. Display Format: White SpaceWhite Space > Attributes in HTML — …

Slide 4-5 white space in html White Space in HTML Any sequence of white-space characters is rendered as a single space. For example, here is one space: and here are five spaces: How are they rendered by your browser? Solutions:..

Slide 4-6 MARKING LINKS WITH ANCHOR TAGS > Two Sides of a Link — href + anchor text > Absolute Pathnames (URLs) — UO > Relative Pathnames — Contact Info

Slide 4-7 Inline Images (eg) ski.htmlski.html.gif,.jpg,.png image formats

Slide 4-8 Inline Images: Alignment Attribute: align Values for wrapping text around images: left, right (but no center) align=“left”  image aligns to the left, text flows around the right side of the image align=“right”  image aligns to the right, text flows around the left side of the image

Slide 4-9 Inline Images: Alignment > Jabberwocky w/image & text wrap Jabberwocky w/image & text wrap > Jabberwocky in Wikipedia Jabberwocky in Wikipedia > Jabberwocky in Klingon Jabberwocky in Klingon > Other Translations Other Translations align attribute is deprecated in html 4.01  use CSS float attribute

Slide 4-10 HANDLING COLOR Colors by Name (140 ttl) or Number > CSS Standard Color names (16) > extended color names (124) extended color names — introduced by Netscape & supported by all modern browsers > hex triples: chartreuse = #7FFF00 beige #F5F5DC

Slide 4-11 HANDLING LISTS W3Schools: HTML Lists

Slide 4-12 HANDLING TABLES W3Schools: Tables

Slide 4-13 Next: XHTML ?=? HTML v5.0 W3Schools: XHTML