Communicating Information: Web Design

Slides:



Advertisements
Similar presentations
Basic HTML Workshop LIS Web Team Spring 2007.
Advertisements

Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
XHTML Week Two Web Design. 2 What is XHTML? XHTML is the current standard for HTML Newest generation of HTML (post-HTML 4) but has many new features which.
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,
WeB application development
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Teppo Räisänen LIIKE/OAMK 2010
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Anne McGrath 16 th February  Review of what we have learned so far.  Angled brackets surround HTML tags.  The words between the angled brackets.
MASTERY OBJECTIVE: Learn parts of an html document Learn basic html tags HTML-An Introduction.
Pengantar Teknologi Mobile 13 Antonius Rachmat C, S.Kom, M.Cs XHTML.
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
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;
Computer Science 1611 Internet & Web Creating Webpages Hypertext and the HTML Markup Language.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
HTML Structure & syntax
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
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'
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
15.1 Fundamentals of HTML.
Just Enough HTML How to Create Basic HTML Documents.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Creating Webpage Using HTML
HTML Codes Miss B.
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
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.
Basic Search Engine Optimization. What is SEO?  SEO is an abbreviation for search engine optimization.
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.
15.1 Fundamentals of HTML DeKalb County School System.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
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.
15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.
(HYPER-TEXT-MARKUP-LANGUAGE) By: Saima Islam By: Saima Islam.
Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
HTML Basic Structure. Page Title My First Heading My first paragraph.
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 Overview.  Students will learn: How HTML tagging works How browsers display tagged documents How an HTML document is structured.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML cancho. HTML HyperText Markup Language A set of HTML tags.
Intro to HTML.  Hypertext markup language (HTML) is a way of telling web browsers how to display a page  You can type them by hand in a word processing.
Pertemuan 1 Desain web Pertemuan 1
Elements of HTML Web Design – Sec 3-2
Mansoor Ahmed Bughio.
Elements of HTML Web Design – Sec 3-2
INP150: Basic HTML Instructor: Paul J. Millis
HTML HYPERTEXT MARKUP LANGUAGE.
What is HTML anyway? HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us.
HTML What is it? HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
What is HTML?.
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
HTML What is Html? HTML stands for Hypertext Markup Language.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Web Application Development
Pertemuan 1 Desain web Pertemuan 1
HyperText Markup Language
The Most Basic HTML Page
HTML.
Presentation transcript:

Communicating Information: Web Design HTML

What is HTML? HyperText Mark-up Language is what enables the browser to identify how to display text or graphics on a web page. HTML is made up of tags. < > Tags are the angle brackets.

<title> The words inside the brackets are called elements. Title is the element inside the tag.

<title> </title> There are two types of tags. Container tags come in twos, one at the beginning and one at the end. <title> </title> Notice the difference between them.

Empty tags stand on their own. <br> There is only one.

HTML can be written either in capital letters or lower-case. <body> <BODY> For consistency stick to one or the other.

Understanding the language A web page is divided into two: the head <html> <head> <title> </title> </head> <body> </body> </html> and the body.

<html> <head> <title>spiders, creepy crawlies</title> </head> The text inside the head tag cannot be seen. The title is used to include words that describe the web page. These words are used by search engines to find the relevant web sites.

<body> <h1>Spiders: The facts</h1> <p>Spiders are not insects. They have eight legs.</p> <p>They inject venom with their fangs</p> </body> </html> The text inside the body is seen on the web page. To make text bigger we use headings <h1> to <h6> . <h1> is the biggest. <p> starts a new paragraph.

HTML matching

Tag, drag and drop Drag the tags around the edge of the screen into the correct spaces to complete the HTML document.

Summary The End HTML stands for HyperText Mark-up Language. HTML enables the browser to identify how to display text or graphics on a web page. It is made up of tags and elements. There are two types of tags: container and empty. A web page is divided into two parts: the head and the body. Only the text in the body can be seen. What can I remember? The End