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

Slides:



Advertisements
Similar presentations
Introduction to HTML
Advertisements

HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.
HTML popo.
HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
HTML: HyperText Markup Language Hello World Welcome to the world!
How Tags are used to form your Web Page
Introduction to HTML CPS470 Software Engineering Fall 1998.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
Please let me know whether or not you have used Elluminate before by clicking the Green Check above your names for “Yes” and a Red X for “No.” Thanks!
HTML syntax By Ana Drinceanu. Definition: Syntax refers to the spelling and grammar of a programming language. Computers are inflexible machines that.
HTML FORMATTING. CONTENTS HTML Formatting Formatting Example Formatting Example Output Summary Exercise.
CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang.
MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.
Define html document byusing Example : Title of the document The content of the document......
Chapter 4 HTML. Objectives Explain how HTML/XHTML are used and describe the difference between them Interpret HTML code Explain how HTML Forms are used.
_ HTML, XHTML & CSS Sami Niemelä | Module 1: Introduction to digital media: Day 02.
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.
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
HTML history, Tags, Element. HTML: HyperText Markup Language Hello World Welcome to the world!
HTML Hyper Text Markup Language It is used for describing web documents or web pages. A markup language is set of markup tags. HTML documents are described.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
Unit 1 Changing the Appearance of Text. TITLE CORNELL NOTES TOPIC: NOTES: Summary: HTML Hypertext Markup Language 1 st and last tag on a page Tags Tags.
CHAPTER 1 HTML & HTML5 I อ. ยืนยง กันทะเนตร คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยพะเยา 1.
HTML Basic I IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
HTML (continued). Assignment 3 Creating a web page with:  Images  Hyperlinks to some websites  Hyperlinks to your  Information about a company,
XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to 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 Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
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: Hyptertext Markup Language Doman’s Sections.
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 Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
Index Here type your information or document that you want to look on the Web page.
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.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
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.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
Take Web Design Presurvey Username: First initial, last name For example, Omar Estrella -> oestrella Password: Same as.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
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.
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
CS 100 Introduction to Web Page Construction and HTML.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
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.
HTML Basic Structure. Page Title My First Heading My first paragraph.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
INT222 – Internet Fundamentals
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.
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.
Presented By Presented By Tanveera Akhter Class:CA 2 nd year Dated:12/12/3456 Dept of Comp. Science.
HTML HyperText Markup Language. 1.Introduction  HTML is used to describe web pages.  HTML stands for Hyper Text Markup Language.  Tim Berners-Lee and.
HTML Basics Text, Images, Tables, Forms. HTML Structure HTML is comprised of “elements” and “tags” – Begins with and ends with Elements (tags) are nested.
HTML What is HTML? HTML stands for Hyper Text Markup Language
HTML basics
Web Development Part 1.
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
Computers and Scientific Thinking David Reed, Creighton University
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
Introduction to HTML5.
Johan Ng and Muhammad Hazzry
Presentation transcript:

Introduction to HTML academy.zariba.com 1

Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2

3 What is HTML? HTML – Hyper Text Markup Language Describes the document structure and formatting You can think of HTML page as a Word document An HTML document consists of many tags, which have different attributes – size, color, etc.

The HTML Tag 4 Tags are the building blocks in an HTML document Each tag starts with “ ” There are two types – opening and closing e.g. Bunny Website There are self-closing tags e.g. or Attributes are properties of HTML elements. They are used to set size, color, border, alignment, etc. e.g. This is red. Some attributes are common for every HTML element e.g. id, class, name, style, etc. Some are specific e.g., Click

Most Popular HTML tags 5 bold italicized underlined Sample superscript Sample subscript strong emphasized Preformatted text hyperlink image new line heading paragraph section section unordered list ordered list list item

Other HTML tags 6 definition list definition term definition table table row table data form emphasized

7 Homework Create a simple Bunny breeds website. The main page should consist of a list with 3 bunny breeds. When clicking on a bunny breed you should be redirected to a new page with the bunny breed as a title, pictures and some information. Try to use different tags.

8 References

9 Zariba Academy Questions