Introduction to HTML. HTML Hyper Text Markup Language Page Title My First Heading My first paragraph. Page Title My First Heading My first paragraph.

Slides:



Advertisements
Similar presentations
Introduction to HTML
Advertisements

HTML popo.
Introduction to HTML & CSS
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
Website Design.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
MR.Mohammed Sharaf al Shareef
To. An easy way to explain the internet is to think of your school computers all linked together into a network that you can put information into.
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;
HTML BASIC
Computer Sciences Department
Basics of HTML.
© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.
Multimedia and Web Technology Prepared by: Asst. Prof. Maryam Eskandari.
Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.
What is HTML? HTML is a language for describing web pages. –HTML stands for Hyper Text Markup Language –HTML is a markup language –A markup language is.
Ku-Yaw Chang Assistant Professor, Department of Computer Science and Information Engineering Da-Yeh University.
Headings, Paragraphs, Formatting, Links, Head, CSS, Images
_ HTML, XHTML & CSS Sami Niemelä | Module 1: Introduction to digital media: Day 02.
HTML Structure & syntax
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.
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.
>> 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 INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
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.
CHAPTER 1 HTML & HTML5 I อ. ยืนยง กันทะเนตร คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยพะเยา 1.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
Just Enough HTML How to Create Basic HTML Documents.
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.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
HTML: Hyptertext Markup Language Doman’s Sections.
HTML Basics Let’s Make a Web Page. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a.
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 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 Basic. 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.
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.
HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.
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
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.
Basic Webpage Design Formatting tags.
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 Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
Hyper Text Markup Language.  My First Heading My first paragraph. Example Explained The DOCTYPE declaration defines the document type The text between.
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.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
HTML Structure & syntax
Basic HTML Introduction to HTML.
Pertemuan 1 Desain web Pertemuan 1
Web Basics: HTML/CSS/JavaScript What are they?
HTML basics
Mansoor Ahmed Bughio.
INTRODUCTION TO HTML AND CSS
Internet & Web Engineering Course Code:CS-228 Credit Hours (3+1) Lab 1 Introduction to Markup Language HTML Instructor: Muhammad Zeeshan Haider.
INTRODUCTION TO HTML AND CSS
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Introduction to HTML Lecture 1 Kanida Sinmai
Web Application Development
Pertemuan 1 Desain web Pertemuan 1
HTML Structure & syntax
Lesson 2: HTML5 Coding.
Presentation transcript:

Introduction to HTML

HTML Hyper Text Markup Language Page Title My First Heading My first paragraph. Page Title My First Heading My first paragraph.

HTML The DOCTYPE declaration defines the document type to be HTML The text between and describes an HTML document The text between and provides information about the document The text between and provides a title for the document The text between and describes the visible page content The text between and describes a heading The text between and describes a paragraph

HTML Tags HTML tags are keywords (tag names) surrounded by angle brackets: content HTML tags normally come in pairs like and The first tag in a pair is the start tag, the second tag is the end tag ( ) The end tag is written like the start tag, but with a slash before the tag name (</p)

HTML Page Structure

HTML Heading HTML headings are defined with the to tags: Headings My H1 Heading My H2 Heading Headings My H1 Heading My H2 Heading Save as HTML_L1.html Then use a browser to see the result! Save as HTML_L1.html Then use a browser to see the result!

HTML Paragraphs HTML paragraphs are defined with the tag: This is a paragraph. This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph. This is the second paragraph. This is the second paragraph.This is the second paragraph.This is the second paragraph.This is the second paragraph.This is the second paragraph. This is the last one. This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one. This is a paragraph. This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph. This is the second paragraph. This is the second paragraph.This is the second paragraph.This is the second paragraph.This is the second paragraph.This is the second paragraph. This is the last one. This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one. Add these tags to HTML_L1.html Then use a browser to see the result! Add these tags to HTML_L1.html Then use a browser to see the result!

HTML Elements

HTML Attributes My First Heading My first paragraph. W3Schools is a web developer's site. It provides tutorials and references covering many aspects of web programming, including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc. My First Heading My first paragraph. W3Schools is a web developer's site. It provides tutorials and references covering many aspects of web programming, including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.

HTML Attributes This is a link -- Always Use Lowercase Attributes --

HTML Attributes

Element The pre tag preserves both spaces and line breaks: My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me. The pre tag preserves both spaces and line breaks: My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.

HTML Formatting This text is normal. This text is strong. This text is italic. This text is emphasized. Small Formatting Marked Formatting My favorite color is blue red. My favorite color is red. This is subscripted text. This is superscripted text. This text is normal. This text is strong. This text is italic. This text is emphasized. Small Formatting Marked Formatting My favorite color is blue red. My favorite color is red. This is subscripted text. This is superscripted text.

HTML Comments Comment tags are used to insert comments in HTML.

HTML Quotation for Short Quotations WWF's goal is to: Build a future where people live in harmony with nature.

for Long Quotations For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

for Abbreviations Marking abbreviations can give useful information to browsers, translation systems and search-engines. The WHO was founded in 1948.

Written by Jon Doe. Visit us at: Example.com Box 564, Disneyland USA Written by Jon Doe. Visit us at: Example.com Box 564, Disneyland USA

for Bi-Directional Override If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl): This line will be written from right to left If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl): This line will be written from right to left

Assignment Create your first web page using the given source code. Then modify your own contents.