Special Characters.

Slides:



Advertisements
Similar presentations
Web Development & Design Foundations with HTML5
Advertisements

HTML popo.
Website Design.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
HTML/XML XHTML Authoring. Creating Tables  Table: An arrangement of horizontal rows and vertical columns. The intersection of a row and a column is called.
HTML Character Entities. Character Entities Some characters have a special meaning in HTML, like the less than sign (
1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling 9.7Linking 9.8Images 9.9Formatting Text With 9.10Special.
PowerPoint Add formulae. Course contents Overview: Typing math formulae Lesson1: Type a simple formula Lesson2: Type a complex formula.
Computer Sciences Department
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
CO1552 – Web Application Development Lists, Special Characters, and Tables.
Week 1.  Phillip Chee   Ext.1214 
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.
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
1.  Describe the anatomy of a web page  Format the body of a web page with block-level elements including headings, paragraphs, lists, and blockquotes.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
Department of Information Technology Chapter 8 - Creating Hypertext links Lecturer: Ms Melinda Chung.
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
Web Design (3) HTML tags. Back to your web design ! Open Brackets Click on the drop down box on the left. Last time, you clicked on ‘Open Folder’ but.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
2.2 XHTML (cont.). Motto Yea, from the table of my memory I’ll wipe away all trivial fond records. —William Shakespeare.
HTML: Hyptertext Markup Language Doman’s Sections.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
Special Characters. Special Characters in XHTML: Some common characters cannot be written directly into our code as the XHTML processor (browser) would.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
L. Anne Spencer (c) 2001 Basic Web Design Document, text, & layout formatting tags & attributes.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
COMP303 - Internet Based Programming
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2- part 2 Key Concepts 1 Copyright © Terry Felke-Morris.
What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.
DESIGNING A WEB PAGE Introducing the… &TAGS.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
CITE303 - Internet Based Programming Lecture notes: Week 1 Instructor:Dr. Tolgay KARANFİLLER.
XP Including Comments in an HTML Document On a new blank line in an HTML document, type the start code for a comment:
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
More HTML Tags CS 1150 Spring 2017.
HTML TEXT.
Web Development & Design Foundations with HTML5 8th Edition
More HTML Tags CS 1150 Fall 2016.
XHTML/CSS Week 1.
Essential Tags Web Design – Sec 3-3
HTML: HyperText Markup Language
Web Development & Design Foundations with HTML5 7th Edition
Coding, Testing and Valdating a Web Page
N100 Building a Simple Web Page
3.00cs HTML Overview 3.00cs Develop webpages.
Essential Tags Web Design – Sec 3-3
Chapter 1: Introduction to XHTML (part 1)
Elements and Attributes
Introduction to HTML.
Internet & Web Engineering Course Code:CS-228 Credit Hours (3+1) Lab 1 Introduction to Markup Language HTML Instructor: Muhammad Zeeshan Haider.
HTML Robert McIntosh
Tag Basics.
WEBSITE DESIGN Chp 1
Introducing HTML & XHTML:
Special Characters.
Marking Up with XHTML Tags describe how a web page should look
Client-Side Internet and Web Programming
HTML 12/27/2018.
1 Introduction to XHTML.
Introduction to XHTML Cont:.
Structuring Content in a Web Document
Html.
Using Symbols on your pages
Getting Started with Marking Up Page Content
Marking Up with XHTML Tags describe how a web page should look
Creating Web Documents
CGS 3066: Web Programming and Design Fall 2019
Presentation transcript:

Special Characters

Special Characters There are several situations in which we must use special characters when building an XHTML web page: Displaying characters on the page that are part of the XHTML markup syntax, such as the greater sign. Doing so would confuse browsers and result in errors on the page. Showing characters that are not on the standard keyboard, such as the copyright symbol or characters from foreign languages. Showing consecutive space characters. XHTML will otherwise ignore all spaces after the first one. Though not technically special characters, we will also learn how to transform selected text to show as subscript or superscript.

Common Special Characters Instead of typing the intended character directly into our content, we need to type the corresponding XHTML code: Special Character XHTML Code Displays As Blank Space   Quotation Mark " " Ampersand & & Less Than < Greater Than > Do you see how the final three characters would easily confuse a browser? Without using the special code, how would it know whether we were writing XHTML code or whether we wanted to display the character itself? An easy way to remember the code for inserting a blank space is to realize that the code stands for "non-breaking space".

Special Characters Examples <body> <p>There are 3 extra spaces     right here.</p> <p>Why are "air quotes " so popular?</p> <p>This power tool was made by Black & Decker.</p> <p>20 > 15 but 10 < 15.</p> </body> We should not place a blank space in between the code and the adjacent content, unless we want that space to show on the page. The use of " is not required. We can type regular quotes into our content and they will appear correctly on the page. However, the special character code is required when the quotation mark is inside an attribute value, such as the alt attribute of an image.

More Special Characters XHTML Code Displays As Cent Sign ¢ ¢ Copyright Symbol © © Diamond ♦ ♦ 1/2 Fraction ½ ½ Euro € € Inverted Question Mark ¿ ¿ Small e, Acute Accent é é These are just a few more examples of special characters. With the foreign language, mathematical, and miscellaneous character sets, there are more than a hundred special characters available to use.

More Special Characters Examples <body> <p>That was just my 2¢ worth.</p> <p>The A♦ is my favorite card in the deck.</p> <p>His new car cost more than €30,000.</p> <p>¿Qué hora es?</p> </body>

Subscript and Superscript <body> <p>Even those who don't know chemistry know what H<sub>2</sub>O means.</p> <p>This sentence has a footnote<sup>1</sup> applied.</p> <p>I'll bet that e=mc<sup>2</sup> is the most famous equation in the world.</p> </body> The <sub> element can be used to make text smaller and a half a character below the baseline. It is often used for chemical formulas. The <sup> element makes text smaller and half a character above the baseline. It is most often used for footnotes and mathematical equations.