HTML Tags. Bolding Text <b>Or<strong> Italics Text <em>Or<i>

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
Session 2 Introduction to HyperText Markup Language 4 (HTML 4) Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5.
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.
HTML popo.
1 تقنيات الانترنت عال457 HTML. 2 HTML  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web. HTML is a text formatting.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling 9.7Linking 9.8Images 9.9Formatting Text With 9.10Special.
 2001 Deitel & Associates, Inc. All rights reserved. 1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling.
HTML for Beginners An IEEE/ACM Presentation given by Hamilton Turner.
Structure and formatting HTML pages Helen Treharne Department of Computing.
Computer Science 1611 Internet & Web Creating Webpages with Style Hypertext and the HTML Markup Language (continued)
Basic HTML UCR Webmasters Support Group Derk Adams.
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.
Using color and fonts in HTML and XHTML Please use speaker notes for additional information!
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.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
Basic HTML tags Beginning Web Site Design Stanford University Continuing Studies CS 03
© 2005 ComputerPREP, Inc. All rights reserved. HTML 4.0 and Web Page Design Module I.
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
Explanation of Web 6, Web 7 and Web 9 at my site Please be sure to bring up the speaker notes for the explanation Intro - Web 6, Web 7 and Web 9.
ULI101: XHTML Basics (Part III) Introduction to XHTML / Continued … Block-Level vs. Inline Elements (tags) Manipulating Text,  , Text Characteristics,,,,,,,,,,,,,,,
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
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.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
Understanding HTML Code
1 Basic HTML. 2 Part 1: Basic Web Page Production.
More Basic HTML. Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features Add alignments.
Unit 1 — HTML BASICS Lesson 2 — HTML Organization Techniques.
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
C1999 Kathleen Schrock 1 Basic HTML By Kathy Schrock.
1 HTML محمد احمدی نیا 2 Of 43 What is HTML?  HTML stands for Hyper Text Markup Language  HTML is not a programming language, it.
CSCI 1101 Intro to Computers
More Basic XHTML Module 2: XHTML Basics LESSON 2.
Chapter 6 An Introduction to HTML Pages Tag Nesting You can put two tags together to combine the effects Bold and underlined But make sure.
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.
Creating Web Pages with Links, Images, and Formatted Text Information Presented by S. Cox.
CPT 123 Internet Skills Class Notes Publishing to the Web Session B.
Just Enough HTML How to Create Basic HTML Documents.
HTML Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.
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.
Web Development Lecture # 09 Text Formatting in HTML.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
Week 7: HTML Basics HNDIT11062 – Web Development.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Images. Intro What is it? Getting your image Inserting Moving Resizing Cropping.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
HTML tags and attributes By: Dennis Champagne. List of tags.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
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 is a markup.
ECA 228 Internet/Intranet Design I HTML Tags. ECA 228 Internet/Intranet Design I anchor tags Adds a link to the web page Anything placed between the anchor.
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.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
HTML  HyperText Markup Language  The Language used to design web pages  Code mixed with text  Tags enclosed in angle brackets  Single tags  Paired.
Page Layout & Links Lecture # 4.
Tag Basics.
Font tag and its attributes
Cascading Style Sheets Color and Font Properties
Attribute of heading, <p> and <hr> tag
Attribute of heading, <p> and <hr> tag
Basic HTML.
Lesson 2 — HTML Organization Techniques
Attribute of heading, <p> and <hr> tag
Presentation transcript:

HTML Tags

Bolding Text <b>Or<strong>

Italics Text <em>Or<i>

Underlined Text <u>

The Horizontal Rule <hr>attributes: color: changes lines color rgb rgb(255, 0, 0) hexadecimal “000000” literal name “red” width: changes length of line percentage 30% pixels “3” size: changes height of line pixels “4” noshade: makes line flat

RGB Color Code Contains three digits Each value can be between rgb(0, 0, 0) First digit: amt of the color red Second digit: amt of the color green Third digit: amt of the color blue

Hexadecimal Value Contains six digits Values can be 0-9 or a-f “#000000” First two digit represents red Second two digits represents green Third two digits represents blue

Image Used to insert an image three file extensions for a picture.jpg.gif.bmpattributes: width: width of picture in pixels height: height of picture in pixels border: adds a border around the picture alt: provides a text description of the picture

Address Used to insert an address in a web page Used as a footer <address>

Font Used to change fonts <font>attributes: size: changes font size color: changes font color face: changes font style

Blockquote Placed around large quoted blocks of text <blockquote> Placed around small quoted text <q>

Text Formatting Used for a citation <cite> Used to create big text <big> Used to create small text <small> Used to create preformatted text <pre>

Anchor Tag Used to link to another web page Yahoo Yahoo

Break Tag Used to insert a line break in an HTML document<br>

Center Used to center objects in an HTML document<center>

Align Attribute Used to align object Must be placed inside an existing html tag Example:

Body Tag Used to open the body of an HTML documentattributes: background: used to change the background to an image bgcolor: used to change the background color text: used to change the text color link: change the links colors alink: change the active link color vlink: change the visited link color

Adding music or movie attributes: loop: used to play music continuously hidden: used to hide the media player

Marquee Used to insert a scrolling marquee <marquee>attributes: scroll: Slide the text into the box and out again. slide: Slide the text into the box and stop when it hits the side. alternate: Slide back and forth.