HTML popo.

Slides:



Advertisements
Similar presentations
Introduction to HTML
Advertisements

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.
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.
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: HyperText Markup Language Hello World Welcome to the world!
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.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.
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 and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
HTML BASIC
ULI101: XHTML Basics (Part III) Introduction to XHTML / Continued … Block-Level vs. Inline Elements (tags) Manipulating Text,  , Text Characteristics,,,,,,,,,,,,,,,
CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang.
Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
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 (HyperText Markup Language)
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
1 HTML محمد احمدی نیا 2 Of 43 What is HTML?  HTML stands for Hyper Text Markup Language  HTML is not a programming language, it.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Getting Started with HTML Please use speaker notes for additional information!
1 HTML – HyperText Markup Language Representation and Management of Data on the Internet.
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.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
HTML: Hyptertext Markup Language Doman’s Sections.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Agenda Block-Level vs. Inline Elements (tags) Manipulating Text,  , Text Characteristics,,,,,,,,,,,,,,, Font Attributes: size, color, face Horizontal.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
HTML HyperText Markup Language ©Richard L. Goldman July 15, 2003.
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 Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
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.
Hypertext Markup Language.  Developed by Tim Berners-Lee in 1990  Stands for HyperText Markup Languange  A format that tells a computer how to display.
HTML Hyper Text Markup Language. In Early 1970s VINT CERF & BOB KAHN released a paper In 1980s That Solution was implemented as TCP/IP.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
CHAPTER TWO HTML TAGS. 1.Basic HTML Tags 1.1 HTML: Hypertext Markup Language  HTML stands for Hypertext Markup Language.  It is the markup language.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
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.
1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform  Times New Roman  Arial  Courier.
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.
HTML AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
HTML Basics.
Marking Up with XHTML Tags describe how a web page should look
Elements of HTML Web Design – Sec 3-2
Elements of HTML Web Design – Sec 3-2
HTML (HyperText Markup Language)
Computers and Scientific Thinking David Reed, Creighton University
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
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:

HTML popo

HTML What is HTML HTML stands for the HyperText Markup Language. HTML code is the language of the Internet's World Wide Web. Web sites and web pages are written in HTML code. HTML is used to bring together text, pictures, sounds, and links... all in one place! HTML code files are plain text files, with extension.html popo

HTML What is Markup Markup means that specific portions of a document are marked up to indicate how they should be displayed in the browser. HTML carries information about the web page though, the display of the document dependent on the browser. popo

HTML Html tag The HTML html tag is the container that contains all other HTML elements. All other HTML elements are nested between the opening <html> and </html> tags. <HTML> and ends with </HTML>. These are the starting and the ending tags of the HTML document. popo

HTML HTML title Tag The HTML <title> tag is used for declaring the title of the HTML document. The title is usually displayed in the browser's title bar (at the top). Eg <title>my page</title> popo

HTML HTML head Tag The HTML head tag is used for indicating the head section of the HTML document. The head can contain other HTML tags that provide information about the document such as title, description, keywords etc. Most of this information is not displayed in the browser (although the title usually appears in the browser's title bar) but can be useful for search engines etc. The head tag is placed between the <html> and the <body> tags. popo

HTML HTML body Tag The HTML body tag is used for indicating the main content section of the HTML document. <body> </body> popo

HTML The basic syntax of a tag: What are HTML Tag attributes <TAG ATTRIBUTE="VALUE">some text ... </TAG> What are HTML Tag attributes Attributes change the properties of tags and are placed ONLY inside the starting tag. Each attribute usually has a value associated. The attribute-value pair is written as: popo

HTML popo <html> <head> <title>HTML body tag</title> </head> <body text= red bgcolor=orange> <p>Document content </p> </body> </html> popo

HTML HTML br Tag The HTML br tag is used for specifying a line break. Eg <p>This is before the line break<br /> and this after the line break.</p> o/p This is before the line break and this after the line break. popo

HTML HTML hr Tag The HTML hr tag is used for creating a horizontal rule. eg <p>Here is a horizontal rule:<hr /></p> popo

HTML Physical Tags And Logical Tags. Physical tags define how the text should be displayed in the browser. They control the Physical characteristics of the text. Logical Tags on the other hand indicate the 'type' of content they enclose. They do not determine the display of the text and the browser is free to set the presentation. popo

HTML popo Physical Tags There are 10 physical tags each requiring a closing tag: <I> Italics: I am in italics <B> Bold: I am in bold <U> Underline: I am underlined <STRIKE> Strikethrough: I am struck! <SUP> Superscript: My superscript <SUB> Subscript: My subscript <TT> Typewriter: I am in typewriter form <BIG> Bigger font: I am bigger <SMALL> Smaller font: I am smaller <S> Strikethrough alternative: I am also struck! popo

HTML popo There are 9 logical tags each requiring a closing tag: <STRONG> Strong: I am strong <EM> Emphasis: I am emphasized <ABBR> Abbreviation: I am abbreviated <CITE> Citation: Citation <CODE> Code: I am programming code <DFN> Definition: Definition <KBD> Keyboard: Quite like keyboard strokes <SAMP> Sample: Sample <VAR> Programming Variable: Programming Variable popo

HTML popo <DIV> tag  <DIV> and </DIV> tags divides the document into sections. It's especially useful with Cascading Style Sheets usage, when a whole section can adopt a certain formatting style. ALIGN attribute of this tag to align the text surrounded by these tags. <DIV align="left"> aligns elements inside it, to the left.</DIV> <DIV align="right"> aligns elements inside it, to the right.</DIV> <DIV align="center"> aligns elements inside it, to the center.</DIV> popo

HTML <CENTER> tag <CENTER>Centrally aligns this text</CENTER> popo

HTML <MARQUEE> These tags are displayed only by some browsers and ignored by the others. The <MARQUEE> tag provides some animated text to the page. An easy way to put some colorful animated text on your page. popo

HTML Font COLOR attribute  The attribute takes either the hexadecimal color value or just the color name. Some common color names are Blue, Green, Red, Yellow, White, Black, Cyan, Magenta, Pink etc. <FONT COLOR="RED">Red Text</FONT> <FONT COLOR="BLUE">Blue Text</FONT> <FONT COLOR="GREEN">Green Text</FONT> popo

HTML Font SIZE attribute The size attribute takes a number from 1 to 7 as its value with 1 as the smallest and 3 the default. <FONT SIZE="1">Some Text</FONT> <FONT SIZE="2">Some Text</FONT> popo

HTML popo HTML Ordered List If the ranking of items is desired, we employ ordered lists. To place individual list items, you use the <LI> tag as <OL> <LI>Item One <LI>Item Two <LI>Item Three <LI>Item Four </OL>   The code above is displayed by the browser as Item One Item Two Item Three Item Four popo

HTML popo HTML Unordered List <UL> - </UL> are the starting and ending tags of Unordered lists. List items are included using the <LI> tag. Unordered lists also support the TYPE attribute that takes disc, circle or square as its value. <UL> <LI>Item One <LI>Item Two <LI>Item Three <LI>Item Four </UL>   is displayed as Item One Item Two Item Three Item Four popo

HTML HTML img Tag The HTML img tag is used for embedding images into an HTML document. To use this tag, the image you specify in the src attribute needs to be available on a web server. <img src=“sound.jpg" width="225" height="151”> popo

HTML popo HTML table Tag The HTML <table> tag is used for defining a table. The table tag contains other tags that define the structure of the table. Table Elements <table border = "1"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> </table> popo