HTML. HTML: What is it? – HTML stands for Hyper Text Markup Language – An HTML file is a text file containing small markup tags – The markup tags tell.

Slides:



Advertisements
Similar presentations
Introduction to HTML
Advertisements

Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
HTML popo.
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
WeB application development
Teppo Räisänen LIIKE/OAMK 2010
XHTML Basics.
How Tags are used to form your Web Page
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
Week 1 8/10/2015iSTTS, Agenda Introduction to HTML Creating and publishing a Web page Validating a document Main HTML elements Block-level HTML.
Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.
Creating a Simple Page: HTML Overview
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
Creating a Basic Web Page
_ HTML, XHTML & CSS Sami Niemelä | Module 1: Introduction to digital media: Day 02.
CS 299 – Web Programming and Design Introduction to HTML.
HTML (HyperText Markup Language)
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Tutorial 1 Developing a Basic Web Page. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives – Lesson 1 Introduction to the.
 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.
CS134 Web Design & Development Creating a Basic Web Page Mehmud Abliz.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
1.  Describe the anatomy of a web page  Format the body of a web page with block-level elements including headings, paragraphs, lists, and blockquotes.
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.
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.
Basic HTML PowerPoint How Hyper Text Markup Language Works.
Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
HTML and Web Pages. HTML?  HTML is not a programming language  A type of SGML (standard generalized markup language)  HTML uses paired tags to markup.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
HTML: Hyptertext Markup Language Doman’s Sections.
XHTML By Trevor Adams. Topics Covered XHTML eXtensible HyperText Mark-up Language The beginning – HTML Web Standards Concept and syntax Elements (tags)
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
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.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
CS 111 – Oct. 4 Web design –HTML –Javascript Commitment: –This week, read sections 4.3 – 4.5.
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. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
Web programming Part 1: HTML 由 NordriDesign 提供
Introduction to HTML UWWD. Agenda What do you need? What do you need? What are HTML, CSS, and tags? What are HTML, CSS, and tags? html, head, and body.
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”
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Creating Your 1 st Web Page. Tags Refers to anything between on a webpage Most appear in pairs surrounding content Some appear as empty tags (no closing.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
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.
Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Week 1: Introduction to HTML and Web Design
INTRO TO WEB DEVELOPMENT html
Web Basics: HTML/CSS/JavaScript What are they?
Introduction to HTML:.
Coding, Testing and Valdating a Web Page
Introduction to HTML- Basics
Introduction to HTML5.
HTML Structure.
Computer communications
Web Programming and Design
Presentation transcript:

HTML

HTML: What is it? – HTML stands for Hyper Text Markup Language – An HTML file is a text file containing small markup tags – The markup tags tell the Web browser how to display the page – An HTML file can be created using a simple text editor or a WYSIWIG editor

HTML: Editors – Since HTML files are just text files, many programs can be used to create them. Some programs provide special assistance for handling HTML, like syntax- highlighting or auto completion. – WindowsMacFree: Notepad++, Aptana,TextEdit, Smultron Notepad++AptanaSmultron – $$E-Text EditorTextMate, Coda, EspressoE-Text EditorTextMateCodaEspresso

History of HTML – 1992 – HTML first defined – 1994 – HTML 2.0 – 1996 –HTML 3.2, compromise version – HTML 4.0 separates content from presentation – XML standard for writing web languages – 2000 – XHTML 1.0, compliant HTML – 2002 – XHTML 2.0

Anatomy of an HTML tag – content – Google – Think of a tag as a "command" to the browser and of the attributes as modifiers of that command.

Basic Outline of an HTML code

HTML Basics – The doctype isn't an actual tag, but it needs to be at start at every HTML page to tell browser which version of HTML you're using (HTML5, in example below). – The html tag is always the first tag in the page. –

Head & Body – The head contains "meta" information about the page, information that the browser needs before rendering it. – The body contains the actual content of the page. – – Title of your page goes here – Bulk of your content here.

What goes in the body?

Headlines Header 1 Header 2 Header 6 Header 1 Header 2...Header 6

Paragraphs Paragraph 1 Paragraph 2 Paragraph 3 Paragraph 1 Paragraph 2 Paragraph 3

Line Breaks Here's my favorite song about rabbits: Little bunny Foo Foo Hopping through the forest Scooping up the field mice And bopping them on the head Notice: This tag does not need to be closed, since it doesn't encapsulate anything.

Lists Item 1 Item 2... – Item 1 – Item 2 –...

Ordered Lists Item 1 Item Item 1 2.Item 2...

Some basic tags: – - defines an indented format – - creates a horizontal rule

Formatted Text Emphasized Info Important Info! makes text appear italicized makes text appear bold makes text appear underlined - makes text appear as superscript - makes taxt appear as subscript - makes text appear as crossed out

Images

Links Google

HTML Validators – Browsers will often render HTML that has mistakes in it, using different error correction strategies. – To check that your HTML is actually valid according to the standard, run it through the W3C validator.the W3C validator – You can also install the validator add-on for Firefox.validator add-on

HTML Resources When you're on your own and trying to code HTML, do a search for the tag you're using ("img tag" or "li tag") and you will usually find good references at the top. W3Schools is a simple to read reference with interactive examples & will often be the top result. The HTML spec is the official reference, but can be harder to read. W3SchoolsHTML spec For more tutorial type sites, check out Mozilla Developer Network and the Opera Web Standards curriculum.Mozilla Developer NetworkOpera Web Standards

HTML- ADVANCE

Tables – Tables are useful for displaying tabular data on the web, like research study results.

Tables: Not for Layout Before we had better techniques, tables were often used to layout a webpage, but this is now strongly discouraged. We will discuss better ways to do layout when we cover CSS.

The table element The TABLE element contains all the elements that make up a table - the header, rows, and columns. This example shows a table of monthly savings. Month Savings January $100

Code 1 my first table tables are cool!

The table body – Tables can consist of any number of data rows after the header. The tbody element begins the body (data) area, the same tr element creates a row, and tdelements create data cells in each row. –.... January $100

Code 2 my first table tables are cool! and easy too!