Lesson 10. Example - tag This heading uses a 30-point font This sentence will have 30-point font This heading, too.

Slides:



Advertisements
Similar presentations
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
Advertisements

Cascading Style Sheets (CSS). Cascading Style Sheets With the explosive growth of the World Wide Web, designers and programmers quickly explored and reached.
CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
/k/k 1212 Cascading Style Sheets Part one Marko Boon
1 Cascading Style Sheets™ (CSS) Outline 5.1 Introduction 5.2 Inline Styles 5.3 Embedded Style Sheets 5.4 Conflicting Styles 5.5 Linking External Style.
Presenter: James Huang Date: Sept. 26,  Introduction  Basics  Lists  Links  Forms  CSS 2.
It’s All About Style The Basics of Style Sheets Presented by Barry Diehl.
CSS Link Styling. The Anchor Element: Link text between the opening and closing can be styled using CSS. Some of the properties that can be set are: font-family,
ICS-FORTH 1 May 22, 2001 Christos Georgis The extensible markup language: An introduction to XML What is a XML document ? How do we check its validity.
Introduction to Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 4.
Technologies for web publishing Ing. Václav Freylich Lecture 6.
Project 1 Introduction to HTML.
Beginning Web Site Creation: Dreamweaver CS4. XHTMLCSS  Describes the structure  Content  Collection of styles  Formatting body { background-color:
Computer Science 1611 Internet & Web Creating Webpages with Style Hypertext and the HTML Markup Language (continued)
Developing a Basic Web Page with HTML
1st Project Introduction to HTML.
HIGHER COMPUTING CSS. WHAT IS CSS? CSS: Cascaded Style Sheets used to separate a web site’s content(information) from its style(how it looks).
Introduction to Web Development in HTML Web module day 1 IS 201.
© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.
HTML Concepts and Techniques Fourth Edition Project 8 Creating Style Sheets.
Web Technologies COMP6115 Session 2: Planning, Designing, Constructing and Testing Static Web Sites Dr. Paul Walcott Department of Computer Science, Mathematics.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.
Chapter 7 Web Typography Principles of Web Design, 4 th Edition.
POWERPOINT GUIDELINES For use during Telematic broadcasts.
Tutorial #3 Cascading Style Sheets. Review: Last Class Image sizing Pathnames Project Default Path Relative Path Absolute Path Blackboard Homework Submission.
Chapter 6 Web Typography. 2 Principles of Web Design Chapter 5 Objectives Understand principles for type design on a Web site Use the element Understand.
Tutorial 6 By Sam INE 1020 Introduction to Internet Engineering 1 DHTML & CSS Tutorial 6.
Web Design I Spring 2009 Kevin Cole Gallaudet University
INTRODUCTION TO HTML5 Styling Text. Change the Font Size  You can use the font-size property to change the font size for a document’s text.  Instead.
18 People Surveyed HTML (HyperText Markup Language) HTML “tags” Describes structure Building blocks Headings, paragraphs, lists, links, images, quotes,
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Formatting Text and Lists Essentials for.
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.
Just A Few More Fun Objectives 1 Having Some Fun With Java Script 2 Using Style Sheets.
Working with Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 5.
CO1552 – Web Application Development Cascading Style Sheets.
Tutorial #3 Cascading Style Sheets. Tutorial #2 Review - Anchors Links to Site DMACC Internal Links Go to Top Mail To me Local.
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
The Web Wizard’s Guide To DHTML and CSS Chapter 1 A Review of CSS1.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 7.
Text and Fonts in CSS. Customizing fonts In CSS, fonts are divided into “font families” Only certain fonts are commonly installed on most computers Therefore.
Instructional Technology & Design Office or Beginning Web Design Presented by Laura Miller.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.
Caprock Internet Services, INC. 1 Creating a Web Site with FrontPage Pasewark LTD.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
DHTML. What is it? Dynamic HTML. Not a standard unlike HTML or Java It is a term applied by both Netscape and Microsoft to a collection of technologies.
Lesson 9. Try Coding! Nested Frames tag attributes.
XHTML Formatting font with a style declaration. Formatting Font HTML uses the font tag to change size and family of font But… the font tag is being deprecated.
OV Copyright © 2008 Element K Content LLC. All rights reserved.  Format Text  Format Lists  Format Images  Modify Page Background Applying Styles.
CS-3432 Electronic Commerce Lecture – 10 Sikandar Shujah Toor
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Cascading Style Sheets (CSS)
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 3 Introducing Cascading Style Sheets.
Try Coding!. Nested Frames tag attributes tag attributes Autostart=“False” Loop=“3” Hidden=“True”
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
CONFIGURING COLOR AND TEXT WITH CSS Chapter 3. Cascading Style Sheets (CSS) Used to configure text, color, and page layout. Launched in 1996 Developed.
Web Development & Design Foundations with HTML5 8th Edition
Web Development & Design Foundations with HTML5
POWERPOINT GUIDELINES
PowerPoint Slide Design
Introduction to Cascading Style Sheets (CSS)
INFS 230 L Internet Technology
POWERPOINT GUIDELINES
POWERPOINT GUIDELINES
POWERPOINT GUIDELINES
POWERPOINT GUIDELINES
Presentation transcript:

Lesson 10

Example - tag This heading uses a 30-point font This sentence will have 30-point font This heading, too

This heading has font-size 40-point

Example – style classes Style Sheets: Style Classes <!--.Text1{font-size: 20pt;color:red;text-align:center}.Text2{font-size: 16pt;color:green;text-align:center} --> This text is in red This text is in green

Using styles to control fonts Style Sheets: Font Sizes Our store offers books on following subjects: Physics, Math, Computer Science, Literature, E-commerce, History and Islam You can also buy DVDs and music CDs. We offer Greeting Cards, too.

Style Sheets: Font Families <!--.fonttype1 {font-size: 20pt; font-family: "Times New Roman"}.fonttype2 {font-size: 20pt; font-family: Arial}.fonttype3 {font-size: 18pt; font-family: "Courier New"} --> This sentence is in Times New Roman This one is in Arial Font Type This is in Courier New Font Type The Arial Font Family This line is in Tahoma Font Family

Font Weights You can find books in this shop on subjects such as: Physics, Math, History, Fiction, Poetry, E-commerce, Computer Science, Sociology, Music Font Weight Styles

Indenting the first line Indenting the first line <!-- P {text-indent: 0.5in} --> Faith, unity and discipline are the qualities through which we can progress as a nation. The focus of our young generation must be on receiving modern education. Religion can play a very important role in the life of an individual. Islam teaches a complete way of life. It ensures success in this world and hereafter. The need is to understand the real message of Islam.

Hypertext Markup Language was initially developed in America for military purposes. Now it is a popular tool for creating web pages. It is a language of tags. It has a fixed vocabulary. It is not case sensitive. Hypertext Markup Language was initially developed in America for military purposes. Now, it is a popular tool for creating web pages. It is a language of tags. It has a fixed Vocabulary. It is not case sensitive. Hypertext Markup Language was initially developed in America for military purposes. Now, it is a popular tool for creating web pages. It is a language of tags. It has a fixed vocabulary. It is not case sensitive. Hypertext Markup Language was initially developed in America for military purposes. Now, it is a popular tool for creating web pages. It is a language of tags. It has a fixed vocabulary. It is not case sensitive.

Text Decoration Styles Text Decoration Introduction to E-commerce

Style Sheets: Text Transform We love Pakistan We love Pakistan We love Pakistan We love Pakistan

Example – Color Styles Backgrounds using Style Sheets This is an example of some blue text in yellow background using Style Sheets. This example uses a different background color and a different font color using style sheets. Style sheets provide us more flexibility and a greater editing control over the content. We can also use different background style to highlight individual words as in the present case. We are studying e-commerce. E-commerce is an emerging concept that describes the process of buying and selling or exchanging of products, services and information via computer networks including the internet