CONTENTS INCLUDES :- TEXT LAYOUT SKILLS TEXT LAYOUT SKILLS FONTS EFFECT FONTS EFFECT HEADING ON WEB PAGES HEADING ON WEB PAGES IMAGE / PICTURE IMAGE /

Slides:



Advertisements
Similar presentations
Introduction to HTML. A Web Page is.. An ASCII (text) file.. Whose filename ends with.htm or.html –index.html or cookie-recipe.htm Contains HTML tags.
Advertisements

Session 2 Introduction to HyperText Markup Language 4 (HTML 4) Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5.
HTML popo.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
OMT II Mam Saima Gul. * Static web page * a web page with contents that remain fixed and unchanged once it has been created by the author Web server Client.
Basic HTML Tags.
COS 125 Day 13. Agenda Capstone Progress Reports Due Quiz #2 Graded 7 A’s, 3 B’s, 3 C’s and 1 no-take Assignment #3 due this Friday We review some of.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
Marking Up With Html: A Hypertext Markup Language Primer
Web Design is a class created to nurture the minds of high school techies, and introduce those without prior knowledge to the field.
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
Basic HTML tags Beginning Web Site Design Stanford University Continuing Studies CS 03
HTML Notes Chapters 1--6 Codes used in creating HTML documents are called tags. Tags are always enclosed in left ( ) angle brackets. Tags can be upper.
ULI101: XHTML Basics (Part III) Introduction to XHTML / Continued … Block-Level vs. Inline Elements (tags) Manipulating Text,  , Text Characteristics,,,,,,,,,,,,,,,
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 Overview Part 2 – Paragraphs, Headings, and Lines 1.
Define html document byusing Example : Title of the document The content of the document......
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.
HTML H yper T ext M arkup L anguage. HTML HTML is NOT case sensitive However, proper coding etiquette if for all to be in ALL CAPS and for text to be.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
More Basic HTML. Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features Add alignments.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
CSCI 1101 Intro to Computers
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
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.
15.2 More Basic HTML. More Basic HTML Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features.
Explorers Guild April 27, What is HTML? Hypertext Markup Language (HTML) is the basic building block of the World Wide Web page. HTML files are.
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.
Just Enough HTML How to Create Basic HTML Documents.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
IS1811 Multimedia Development for Internet Applications Lecture 4: Introduction to HTML Rob Gleasure
HTML Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.
L. Anne Spencer (c) 2001 Basic Web Design Document, text, & layout formatting tags & attributes.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
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.
By: Ms. Abeer Helwa 1. WORD WEB APP 2 Word Web App is a limited version of Word, enabling you to edit, format, and share documents online. Word Web App.
Web Development Lecture # 09 Text Formatting in HTML.
Formatting Text with HTML. Objectives: Students will be able to: Define the structure of the document with block elements Format numbered, bulleted, and.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.
Hypertext Markup Language.  Developed by Tim Berners-Lee in 1990  Stands for HyperText Markup Languange  A format that tells a computer how to display.
The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.
CS 100 Introduction to Web Page Construction and HTML.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
HTML Programming Basic HTML text formatting.
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
Tag Basics.
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
Computers and Scientific Thinking David Reed, Creighton University
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
More Basic HTML 2 assignments: 1—complete the worksheet
Presentation transcript:

CONTENTS INCLUDES :- TEXT LAYOUT SKILLS TEXT LAYOUT SKILLS FONTS EFFECT FONTS EFFECT HEADING ON WEB PAGES HEADING ON WEB PAGES IMAGE / PICTURE IMAGE / PICTURE

2.3 HTML Text Layout Tags Break Line Layout Tags Break Line …………………<BR> To force a line of text to break up where it is placed. To force a line of text to break up where it is placed. Tag format Line Break Utilization Ding Ding Dong Here comes the Santa Clause Ding Ding Dong Merry Christmas

No Break Line No Break Line <NOBR>…………………</NOBR> It’s capable of turning of the function of break line. It’s capable of turning of the function of break line. Tag format Line Break Utilization Ever eating, never cloying, All-devouring, all-destroying, Never finding full repast, Till I eat the world at last. -- Jonathan Swift "Time"

Paragraph Paragraph <P>…………………</P> Split the paragraph into two by inserting a line break and. Split the paragraph into two by inserting a line break and. Tag format Paragraph Document Ever eating, never cloying, All-devouring, all-destroying, Never finding full repast, Till I eat the world at last. - - Jonathan Swift "Time"

Letter –Spacing Mark Letter –Spacing Mark To create spacing among words or letter. To create spacing among words or letter. Tag format Letter- spacing mark --Jonathan Swift "Time" Ever eating never cloying, All-devouring all-destroying, Never finding full repast, Till I eat the world at last.

Center Alignment Center Alignment <CENTER>…………………</CENTER> To center the text horizontally across the display window. To center the text horizontally across the display window. Tag format Center Alignment --Jonathan Swift "Time" Ever eating; never cloying, All-devouring; all-destroying, Never finding; full repast, Till I eat the world at last.

Indentation Indentation ………………… ………………… The text will indent five blank letter toward the right. The text will indent five blank letter toward the right. Tag format Indentation Ever eating; never cloying, All-devouring; all-destroying, Never finding; full repast, Till I eat the world at last.

Heading tags Heading tags …………… x=1,2,3,4,5,6 …………… x=1,2,3,4,5,6 Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Tag format Heading Style Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Common Font size Heading ormat Heading ormat

Heading Alignment Heading Alignment ALIGN = “LEFT” / “CENTER” / “RIGHT” To control the alignment style of heading To control the alignment style of heading Tag format Heading Alignment HEADING ALIGNMENT TO RIGHT HEADING ALIGNMENT TO CENTER HEADING ALIGNMENT TO LEFT

, Boldface, Boldface …………. / ………….. …………. / ………….. To display a text in a bold font. To display a text in a bold font. Tag format Bold-Face Test Jonathan Swift "Time" Ever eating; never cloying, All-devouring; all-destroying, Never finding; full repast, Till I eat the world at last. FONT EFFECTS FONT EFFECTS

,,,,.…. / ….. / ……….…. / ….. / ……… To display a standard text turn into a italics text. To display a standard text turn into a italics text. Tag format Italics Test Jonathan Swift "Time" Ever eating ; never cloying, All-devouring; all-destroying, Never finding; full repast, Till I eat the world at last.

Underline Underline <U>.…………………………….</U> To display a standard text turn into underlined the enclosed text. To display a standard text turn into underlined the enclosed text. Tag format Underline Test Jonathan Swift "Time“ Ever eating ; never cloying, All-devouring; all-destroying, Never finding; full repast, Till I eat the world at last.

Strike-Trough Format Strike-Trough Format <STRIKE>.…………………………….</STRIKE> To display a result in the enclosed text in a strikethrough format. To display a result in the enclosed text in a strikethrough format. Tag format strikethrough Test Jonathan Swift "Time“ Ever eating ; never cloying, All-devouring; all-destroying, Never finding; full repast, Till I eat the world at last.

Blinking Text Blinking Text <STRIKE>.…………………………….</STRIKE> To display a result in the text of blinking in on and off. To display a result in the text of blinking in on and off. Tag format Blinking Text Jonathan Swift "Time“ Ever eating ; never cloying, All-devouring; all-destroying, Never finding; full repast, Till I eat the world at last.

BigFont BigFont <BIG>.…………………………….</BIG> To display a result in the enclosed text to be one size bigger than standard size To display a result in the enclosed text to be one size bigger than standard size Tag format Big Font Jonathan Swift "Time" Ever eating; never cloying, All-devouring ; all-destroying, Never finding; full repast, Till I eat the world at last.

Small Font Small Font <BIG>.…………………………….</BIG> To display a result in the enclosed text to be one size smaller than standard type size To display a result in the enclosed text to be one size smaller than standard type size Tag format Small Font Jonathan Swift "Time" Ever eating; never cloying, All-devouring ; all-destroying, Never finding; full repast, Till I eat the world at last.

Subscript Subscript <SUB>.…………………………….</SUB> To display a result in the enclosed text as subscript, which will appear a bit lower than standard text height. To display a result in the enclosed text as subscript, which will appear a bit lower than standard text height. Tag format Subscript Text H 2 O

Superscript Superscript <SUP>.…………………………….</SUP> To display a result in the enclosed text as superscript, which will appear a bit higher than standard text height. To display a result in the enclosed text as superscript, which will appear a bit higher than standard text height. Tag format Superscript Text X 2 +Y 2

Default Font Default Font N = 1 TO 7 N = 1 TO 7 The N value lies between 1 between 7, which are font sizes in a HTML document. The default font size is 3, if no other font size is specified. The N value lies between 1 between 7, which are font sizes in a HTML document. The default font size is 3, if no other font size is specified. Tag format BASEFONT Ever eating; never cloying, All-devouring; all-destroying, Never finding; full repast, ill I eat the world at last.

Horizontal Rules Horizontal Rules The tag used to separate parts of your page with a horizontal rule. Like the line break tag ot doesn’t have a closing tag. The tag used to separate parts of your page with a horizontal rule. Like the line break tag ot doesn’t have a closing tag. Tag format Horizontal Rules Ever eating; never cloying, All-devouring; all-destroying, Never finding; full repast, ill I eat the world at last.

Comment tag Comment tag The comment tag is used to insert a comment in the HTML source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.. The comment tag is used to insert a comment in the HTML source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.. Tag format Comment Tag Comment Tag

Changing Font Size Changing Font Size ……………… ……………… To display a font size in N value which is N = 1 between 7 or others. To display a font size in N value which is N = 1 between 7 or others. Tag format Changing Font Size YorVic Language Information Studio A B C CHANGING FONT SETTING CHANGING FONT SETTING

Changing Font Size (II) YorVic Language Information Studio A B C

Changing Font Color Changing Font Color ……………… ……………… The [#) number sign must placed before a VALUE. The VALUE figures are any combination of 0’s and F’s such as to FFFFFF. The [#) number sign must placed before a VALUE. The VALUE figures are any combination of 0’s and F’s such as to FFFFFF. Tag format Using Different Colors Jonathan Swift "Time" Ever eating; never cloying, All-devouring; all-destroying, Never finding; full repast, Till I eat the world at last. CHANGING FONT COLOR CHANGING FONT COLOR

Font size working with color Font size working with color ……… ……… The combination of font size and font color. The combination of font size and font color. Tag format Font Size and Color Test Jonathan Swift "Time" Ever eating; never cloying, All-devouring; all-destroying, Never finding; full repast, Till I eat the world at last. FONT SIZE WORKING WITH COLORS FONT SIZE WORKING WITH COLORS

Font size working with color Font size working with color ……… ……… The combination of font size and font color. The combination of font size and font color. Tag format Font Size and Color Test Jonathan Swift "Time" Ever eating; never cloying, All-devouring; all-destroying, Never finding; full repast, Till I eat the world at last. FONT SIZE WORKING WITH COLORS FONT SIZE WORKING WITH COLORS

Background Color Background Color To change the standard body to colorful body. #VALUE is compulsory in standard. To change the standard body to colorful body. #VALUE is compulsory in standard. Tag format Font Size and Color Test Jonathan Swift "Time" Ever eating; never cloying, All-devouring; all-destroying, Never finding; full repast, Till I eat the world at last. Color and Background Color and Background