Formatting Tags.  What is an Attribute? ◦ Describes in detail what the tag is meant to display ◦ Example: BGCOLOR, ALIGN, HREF.

Slides:



Advertisements
Similar presentations
Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
Advertisements

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
Internet Applications Development Lecture 3 L. Obead Alhadreti.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
How Tags are used to form your Web Page
HTML Tags. Bolding Text Or Italics Text Or
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
1 HTML Markup language – coded text is converted into formatted text by a web browser. Big chart on pg. 16—39. Tags usually come in pairs like – data Some.
Tutorial 3 Designing a Web Page.
Basic HTML UCR Webmasters Support Group Derk Adams.
Marking Up With Html: A Hypertext Markup Language Primer
Basic HTML Workshop LIS Web Team Fall What is HTML? Stands for Hyper Text Markup Language Computer language used to create web pages HTML file =
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
HTML BASIC
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.
Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.
Colour & Image in HTML Wah Yan College (Hong Kong) Mr. Li C.P.
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
Insert Title Here Insert subtitle or other text here Change font? (use 1 font, max 3 sizes) Add background color or gradient (under “Format”)
CS105 Introduction to Computer Concepts HTML
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.
Cascading Style Sheets (CSS) 1.  What is CSS?  Why CSS?  How to write a CSS? 2.
Shows the entire path to the file, including the scheme, server name, the complete path, and the file name itself. Same idea of stating your full name,
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Graphics.
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.
Web Pages: Creating & Maintaining Body Tags. There have been several versions of HTML since its inception. VersionYear HTML1991 HTML HTML
More Basic HTML. Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features Add alignments.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
More Basic XHTML Module 2: XHTML Basics LESSON 2.
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.
Lesson 2 Adding more content to your web page. Thanks to Richard Hudnutt, Luella HS.
Just Enough HTML How to Create Basic HTML Documents.
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.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
Homework #4 HTML Web Assignment II ©2001 E. Kinnear.
Agenda Block-Level vs. Inline Elements (tags) Manipulating Text,  , Text Characteristics,,,,,,,,,,,,,,, Font Attributes: size, color, face Horizontal.
HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )
Computer Science 101 Color, Fonts, Links, Design.
Internet Applications Development Lecture 4 L. Obead Alhadreti.
HTML. Adding Background Color The bgcolor attribute lets you change the background color of the Web page. Located in the body tag See common Web Page.
Colors & Fonts Building a Website Lesson 7. Font Font The tag specifies the font face, font size, and color of text. The tag can have any or all of these.
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.
HTML Basic. 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.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
The Web Wizard’s Guide to HTML Chapter Three Colors, Patterns, and Inline Graphics.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
Revised June 2008 Online PD Basic HTML1 Let’s Try It!  Open Notepad oStart > All Programs > Accessories > Notepad oDon’t get WordPad by mistake – won’t.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
Basic Web Publishing M. Scott Gartner 7/15/98.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
Marking Up with XHTML Tags describe how a web page should look
Tag Basics.
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Web pages Lesson 3.
Web pages Lesson 4.
More Basic HTML 2 assignments: 1—complete the worksheet
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

Formatting Tags

 What is an Attribute? ◦ Describes in detail what the tag is meant to display ◦ Example: BGCOLOR, ALIGN, HREF

 What is a value? ◦ Tells the attribute what it should change to on the web page ◦ Example: (=) ◦ - changes the background color to green Value Changes to green

 The number 00FF00 is a Hexadecimal  Does anyone have any idea what this means?  It’s a number system of 16 instead of 10  From 0-9 and A-F

 Can interchange any of the numbers and letters  6 numbers long ◦ Will make a color  Any guess on how many numbers it can make? ◦ 16 million different numbers

 Background color tag ◦ Also known as the background color attribute ◦ 4 Parts to this tag 1.Body tag which opens it 2.BGCOLOR – The attribute 3.= sign – The Value 4.The number of the color

 Start with the body tag ◦ <BODY  Add BGCOLOR to your open body tag ◦ <BODY BGCOLOR  Insert the = sign ◦ <BODY BGCOLOR=  Insert the number of the color with a # sign ◦

 When inserting the number must have a # sign before you insert the number  Don’t need to close it ◦ Can be inserted anywhere in the body ◦ Cannot be outside the body tabs ◦ Can be the body tag

 Font color tag ◦ Also known as the font color attribute ◦ 4 Parts to this tag 1.Font tag which opens it 2.COLOR – The attribute 3.= sign – The Value 4.The number of the color  Almost identical to background color

 Start with the Font tag ◦ <FONT  Add COLOR to your open Font tag ◦ <FONT COLOR  Insert the = sign ◦ <FONT COLOR=  Insert the number of the color with a # sign ◦

 When inserting the number must have a # sign before you insert the number  Must close this tag ◦ Before the fonts you which to change color ◦ Close it after 

My top three favorite sports, In no particular order (sport1) (sport2) (sport3)

 Align tag ◦ Also known as the paragraph align attribute ◦ 4 Parts to this tag 1.P tag which opens it 2.Align – The attribute 3.= sign – The Value 4.The location of the alignment

 Start with the Align tag ◦ <P  Add Align to your open Paragraph tag ◦ <P ALIGN  Insert the = sign ◦ <P ALIGN =  Insert the location of alignment ◦

 Aligns anything connected to the paragraph  Close it with  My top three favorite Movies  (movie1)  (movie2)  (movie3) 

 Creates a horizontal line   Usually used after titles My Favorites (Your Name) Things that I Like