HTML World Wide Web Consortium What does HTML stand for? –www.w3.orgwww.w3.org –www.w3schools.comwww.w3schools.com –http://Reference.sitepoint.comhttp://Reference.sitepoint.com.

Slides:

Advertisements

Similar presentations

Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.

Advertisements

MA foundation Creating webpages using XHTML (part 1) Simon Mahony CCH

HTML Introduction CS 1020 – Lego Robot Design. Building Websites HTML (HyperText Markup Language)  The dominate language of the internet  Describes.

HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.

HTML. The World Wide Web Protocols Addresses HTML.

HTML: HyperText Markup Language Hello World Welcome to the world!

HTML / CSS – Basics Why the heck are we doing this?

HTML Minute University Richard Fisher 10/1/2001 HTML FSA Training2 HTML Overview  HTML  HyperText Markup Language.

How Tags are used to form your Web Page

HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.

Introduction to HTML CPS470 Software Engineering Fall 1998.

Computer Science 1611 Internet & Web Creating Webpages Hypertext and the HTML Markup Language.

Web Page Development Identify elements of a Web Page Start Notepad

Basic HTML UCR Webmasters Support Group Derk Adams.

XHTML and CSS Overview. Hypertext Markup Language A set of markup tags and associated syntax rules Unlike a programming language, you cannot describe.

Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,

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

Designing Web Pages Getting to know HTML... What is HTML? Hyper Text Markup Language HTML is the major language of the Internet’s World Wide Web. Web.

Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.

HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.

Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.

Computer Science 101 HTML. World Wide Web Invented by Tim Berners-Lee at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland (roughly.

Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.

Understanding HTML Code

 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.

HTML history, Tags, Element. HTML: HyperText Markup Language Hello World Welcome to the world!

HTML - basic tags - How to learn more. What is HTML? HyperText Markup Language HTML5: – Recommended by the W3C.

All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.

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 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.

Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster

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.

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.

Chapter 2 Introduction to HTML. Learning Outcomes Describe Hypertext Markup Language (HTML). Introduce HTML syntax. Recognize basic structure of HTML:

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,

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.

Introduction HTML (Hypertext Markup Language) is used to create document on the World Wide Web. HTML is not a programming language, it is a markup language.

ECA 228 Internet/Intranet Design I Intro to Markup.

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.

1 Web Application Programming Presented by: Mehwish Shafiq.

HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.

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 Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag.

Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.

Web programming Part 1: HTML 由 NordriDesign 提供

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.

Take Web Design Presurvey Username: First initial, last name For example, Omar Estrella -> oestrella Password: Same as.

Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring

CS 100 Introduction to Web Page Construction and HTML.

HTML – The Basics Rebecca Shillingburg

HTML Basic Structure. Page Title My First Heading My first paragraph.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

HTML cancho. HTML HyperText Markup Language A set of HTML tags.

1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.

Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.

Chapter 1: Intro to HTML Section 1: HTML Structure Presentation Section 2: Layout of an HTML File Section 3: Working with Lists & Tables Section 4: HTML.

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.

Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.

Computers and Scientific Thinking David Reed, Creighton University

Web Design and Development

An Introduction to HTML Pages

Presentation transcript:

HTML World Wide Web Consortium What does HTML stand for? – – –

HTML 5 Released in 2012 Extends HTML 4 (Backwards Compatible) Plays better with smartphones/tablets New Tags: Etc…

HTML 5 Doctype All HTML documents should begin with the DOCTYPE tag.

HTML Tag Structure Tags use brackets –Begin tags: Text Between Tags –End Tags:

HTML Document HTML Tag At the top and bottom of every web page. Just after the tag Each page needs only one set of HTML tags. Page Information

HTML Header Section This text displays on the browser’s title bar.

HTML Body Section Everything that displays on the web page goes here.

Sample Page Stoll’s web page This is my content

HTML Tag Structure Attributes Text, images, multimedia, etc. go between tags Example Web page stuff

HyperText Links Display Text

Bold Underline and Italics Bold Tag – This text will appear bold Underline Tag – This text will underlined Italic Tag (Emphasize) – This text will appear in italics

HTML Headings … through … Largest to smallest (h1 is largest) Line breaks and paragraphs (end tag optional) (no end tag)

HTML most stuff goes here Attributes: The web page is defined here Browsers and white space

HTML Ordered Lists: Chevelle Cuda Shelby Camaro

HTML Unordered Lists: Chevelle Cuda Shelby Camaro

HTML Tables Mickey Mouse 87 4'1''

Tables This is my test table Mickey Mouse 87 4'1''

A Table With Two Rows Mickey Mouse 87 4'1'' Goofy 220 6‘9''

Two Row Table Output Mickey Mouse 87 4'1'' Goofy 220 6‘9''

HTML Tables Mickey Mouse 87 4'1''

CSS Vs. HTML Tables (beautiful - all flash - site) (Look at videos 1-20 in order) Colorzilla - A FireFox addon that allows you to copy colors directly from web pages.

Changing the color of links

Tips for the Quiz Some items on the quiz: –Bold, italic, and underline tags –Hyperlink syntax –Line break tag –Background color –Lists –Tables