Bold and Italics.

Slides:

Advertisements

Similar presentations

Web Development & Design Foundations with HTML5

Advertisements

1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A

1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.

HTML FORMATTING. CONTENTS HTML Formatting Formatting Example Formatting Example Output Summary Exercise.

Stylin’ with CSS. 2 Topics What is CSS? Why CSS? CSS Examples.

© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.

Define html document byusing Example : Title of the document The content of the document......

Cascading Style Sheets. Defines the presentation of one or more web pages Similar to a template Can control the appearance of an entire web site giving.

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.

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 Web Developer Foundations: Using XHTML Chapter 2 Key Concepts.

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

A Basic Web Page. Chapter 2 Objectives HTML tags and elements Create a simple Web Page XHTML Line breaks and Paragraph divisions Basic HTML elements.

CS 3870/CS 5870 Web Protocols, Technologies and Applications.

XHTML TAGS I Basic Tags. North Lake College 2 by Sean Griffin Sample XHTML Code.

ECA 228 Internet/Intranet Design I Intro to Markup.

HTML – Organizing Page Content. HTML Images img tag Required attribute: src

1 Web Application Programming Presented by: Mehwish Shafiq.

HTML – Organizing Page Content. HTML Images img tag Required attribute: src

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

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

Cascading Style Sheets

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.

Getting Started with Marking Up Page Content. Tag defines a paragraph Automatically creates some space before and after itself Code Browser Display.

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.

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

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

Bold and Italics. Bold and Italic Text in XHTML: We can italicize and bold text in CSS by using the "font-style:italic" and "font-weight:bold" styles.

Bold and Italics. Bold and Italics in XHTML 1. Via CSS, using the "font-weight:bold" and "font-style:italic" styles. 2. By using the and ("emphasis")

HTML Introduction. Lecture 7 What we will cover…  Understanding the first html code…  Tags o two-sided tags o one-sided tags  Block level elements.

CIS 228 The Internet Day 1, 8/30. The Course Instructor: Bowen Alpern ● Office hour: 4-5pm Tu (and by appointment)

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

Basic HTML Introduction to HTML.

CSS Classes and IDs.

HTML5 and CSS3 Illustrated Unit D: Formatting Text with CSS

Web Development & Design Foundations with HTML5 8th Edition

Introducing :CSS Cascading Style Sheets in 5 Lessons.

Web Development & Design Foundations with HTML5 8th Edition

Creating an XML Document

Web Development & Design Foundations with HTML5 7th Edition

Cascading Style Sheets Part 1

Introduction to CSS.

Intro to Dreamweaver Web Design Section 8-1

HTML Formatting.

Programming the Web using XHTML and JavaScript

WEBSITE DESIGN Chp 1

CSS Classes and IDs.

Stylin’ with CSS.

CSS Classes and IDs.

HTML and CSS MIS 2402 Jeremy Shafer Department of MIS

HTML Formatting Text.

This is HTML rather than XHTML.

Lesson 3: Formatting Text

Introduction to CSS.

Bold and Italics.

Bold and Italics.

Click to Insert Title - Arial 36pt

Stylin’ with CSS.

Lesson 2: HTML5 Coding.

External Style Sheets.

Bold and Italics.

Bold and Italics.

Stylin’ with CSS.

Getting Started with Marking Up Page Content

Bold and Italics.

Cascading Style Sheets Part 1

CSS Classes and IDs.

Cascading Style Sheets: Part 1

Presentation transcript:

Bold and Italics

Bold and Italics in XHTML Strictly speaking, there are three different ways to bold or italicize text in XHTML: Via CSS, using the "font-weight:bold" and "font-style:italic" styles. By using the <strong> and <em> ("emphasis") elements. By using the <b> ("bold") and <i> ("italics") elements. Do not use <b> or <i> in your XHTML documents. These are older elements that have been redefined in the newer HTML5 specification. They are mentioned here so that you will recognize them in older web pages.

The <strong> and <em> Elements <p>Normal text</p> <p><strong>Text in Bold</strong></p> <p><em>Text in Italics</em></p> <p><strong><em>Text in Bold and Italics</em></strong></p> <strong> is generally used only when the enclosed text has a special meaning and should stand out on the page. One example would be a technical keyword. <em> is generally used only when the enclosed text has a special, emphasized meaning that would be spoken with a different voice inflection. We will use only CSS to bold and italicize text in this course. We won't see <strong> or <em> any further.

Bold and Italics via CSS <p>Normal text</p> <p style="font-weight:bold;">Text in Bold</p> <p style="font-style:italic;">Text in Italics</p> <p style="font-weight:bold;font-style:italic;">Text in Bold and Italics</p> CSS is the preferred method of bolding and italicizing text on the page.