HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

HTML Basics Customizing your site using the basics of HTML.
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.
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Introduction to HTML CPS470 Software Engineering Fall 1998.
Web Page Development Identify elements of a Web Page Start Notepad
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
HTML, Formatting Text and Images Lesson 2.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
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.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
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.
1 Essential HTML coding By Fadi Safieddine (Week 2)
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
HTML Basic I IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
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 
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
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.
What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.
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.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Hypertext Mark-Up Language Web Page Creation HTML.
Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.
1 What is HTML? Standardized codes Web pages SGML Descriptive markup Tags.
CREATING WEB PAGES Using…More HTML code! My First \ Web Page.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.
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.
HTML Lesson 2. Review Questions  What are HTML tags used for?  What do HTML tags look like?  What are the 3 required HTML tags?  In what section of.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
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.
M Dixon 1 Tech HTML. M Dixon 2 Admin Attendance Register: –log in to your profile.
Mark Dixon Page 1 Soft – HTML. Mark Dixon Page 2 Admin Attendance Register: –log in to your profile.
Informatics Computer School CS114 Web Publishing HTML Lesson 1.
Mark Dixon Page 1 Tech – HTML. Mark Dixon Page 2 Admin Attendance Register: –log in to your profile.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
The Teacher Computing HTML HyperText Markup Language.
Web Design Mr. Briggs’ Classes September 6-7, 2011.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
HTML BASIC IST 210: Organization of Data IST210 1.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Spiderman ©Marvel Comics Creating Web Pages (part 1)
Invitation to Computer Science 6 th Edition Chapter 10 The Tower of Babel.
HTML Introduction 2-1. Lecture 6 HTML - HyperText Markup Language  not a programming language  structure text into title, body, paragraphs, lists, links,
PART 1: Introduction to HTML & CSS. Lecture 1: HTML 5 Basic Structure.
HTML HyperText Markup Language Victoria E. Kozlek.
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. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML cancho. HTML HyperText Markup Language A set of HTML tags.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
Uppingham Community College
What is HTML? Standardized codes Web pages SGML Descriptive markup
HTML.
Intro to Web Development Links
What is HTML?.
WJEC GCSE Computer Science
HTML Lesson 3.
Presentation transcript:

HTML

Hypertext Markup Language

Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to experiment with the effect 3. We will be able to program a basic webpage in HTML

Look for any patterns. Can you work out/guess what any of the code does? Task 1 - HTML Research Find a website of your code and view the source code

HTML Code

HTML Tags Item Opening TagClosing Tag Paragraph Heading Italics Hyperlink List Bold

Task: 1. Visit the website above and edit some code to see the effect it has Editing Code

HTML is just a text file read by web browsers therefore can be written in the software Notepad Hello World The first program that anyone should write in any language is the "Hello Word" program "Hello World" program demonstrates your ability to get programming laguage to write a message to the screen

Don't forget to save as.html Write out the code # Indicates that the code below is to be translated as HTML code # All code inbetween the body tags will visually appear on the website # Display a title "Hello World" in the predefined H1 title format Tasks ( Work through task booklets) 1. Write "Hello World" programme 2.Inserting a Picture 3.Inserting a Hyperlink 4.Changing Colours 5.Create a table

Tasks and Challenges 1 - Hello World 2 - Inserting and Image 3 - Inserting a hyperlink 4 - Changing Colours 5 - Inserting a table Achievements All should complete Most should complete Some will complete