Bold and Italics.

Slides:



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

Neal Stublen Content Models  Metadata content Data not necessarily presented on the page ○ title, link, meta, style  Flow content.
Today’s Goals What is HTML?
Chapter Concepts Discuss Fonts Understand Fonts
6 th International Building Physics Conference Building Physics for a Sustainable Built Environment First Author a, Second Author b, Third Author a,b,
Presentation Title Font: Helvetica Regular Size:44 Title may be centered or flush left.
Presentation Title Font: Helvetica Regular Size:44 Title may be centered or flush left.
Font The design of text – the general shape and style of a set of characters. One style and size of a particular typeface. Example: Palatino is a typeface,
© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.
Basic XHTML Module 2: XHTML Basics LESSON 1. Module 2: XHTML Basics LESSON 1 Lesson Overview In this lesson, you will learn to:  Write XHTML code using.
Define html document byusing Example : Title of the document The content of the document......
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
>> 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.
ECA 228 Internet/Intranet Design I Intro to Markup.
1 Web Application Programming Presented by: Mehwish Shafiq.
SCIENCE And the end of the lab reports
Typography The Science of Text. Fonts Style of type How many fonts in a document? Conservative--one font Typical--two fonts Use a third for emphasis.
OV Copyright © 2008 Element K Content LLC. All rights reserved.  Format Text  Format Lists  Format Images  Modify Page Background Applying Styles.
Understanding Text Features
HTML two 1) Tags 2) Blocks 3) Style. Tags Opening tags: Closing tags:
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")
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
CSS Nick Sims.
Internal Style Sheets External Style Sheets
Guidelines for Preparing Slides
Title of the paper First Authora, Second Authorb, Third Authora,b
Title of the paper First Authora, Second Authorb, Third Authora,b
HTML5 and CSS3 Illustrated Unit D: Formatting Text with CSS
Web Development & Design Foundations with HTML5 8th Edition
CSS Classes.
Web Development & Design Foundations with HTML5 7th Edition
Cascading Style Sheets Part 1
Web Developer & Design Foundations with XHTML
Best Practices in HTML PowerPoint HTML Best Practices
HTML Formatting.
J. Verlin Sophomore Seminar September 7 – October 2, 2017
Programming the Web using XHTML and JavaScript
Introduction to CSS.
Bold and Italics.
Embedded with tags..
Text Features Matching Game
Stylin’ with CSS.
Web Development & Design Foundations with H T M L 5
Cascading Style Sheets
TITLE TITLE TITLE TITLE
Poster Title Authors Addresses
Committee / Presenter Info
Introduction to CSS.
Bold and Italics.
CSS: Classes and Contextual Selectors
Bold and Italics.
Web Development 101 Workshop
Click to Insert Title - Arial 36pt
Type your presentation title here
Stylin’ with CSS.
Lesson 2: HTML5 Coding.
External Style Sheets.
Bold and Italics.
Best Practices in HTML PowerPoint HTML Best Practices
CSS Classes.
Stylin’ with CSS.
Getting Started with Marking Up Page Content
Bold and Italics.
CSS: Classes and Contextual Selectors
Cascading Style Sheets Part 1
CSS Classes.
1 line Title - Insert title, 90 point, Arial Bold font
Presentation transcript:

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. Another method is to use the <em> ("emphasis") and <strong> tags. A third method is to use the <i> and <b> tags. These are often seen in older, existing web pages. Avoid using these, as the first two methods are now preferred.

Bold and Italics via CSS: <head> <style type="text/css"> h2 { font-style:italic; } h3 { font-weight:bold; h4 { </style> </head> Heading in Italics Heading in Bold Heading in Bold and Italics CSS is the preferred way of styling text in bold and italics. <body> <h2>Heading in Italics</h2> <h3>Heading in Bold</h3> <h4>Heading in Bold and Italics</h4> </body>

Bold and Italics via <strong> and <em>: <body> <h2> <em>Heading in Italics</em> </h2> <h3> <strong>Heading in Bold</strong> </h3> <h4> <em><strong> Heading in Bold and Italics </strong></em> </h4> </body> Heading in Italics Heading in Bold Heading in Bold and Italics Although considered an acceptable method for making text italic and bold, <em> and <strong> are best reserved for those situations in which there is a semantic (meaningful) difference in the text. For example, <em> is the preferred method when the text to be italicized is a book title, ship name, or foreign phrase.