Creating a webpage html coding

Slides:



Advertisements
Similar presentations
Information Technology Quiz Questions with Answers Part 9
Advertisements

Basic HTML Workshop LIS Web Team Spring 2007.
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.
Powerpoint Templates Page 1 Powerpoint Templates Let’s Build a Website by Sybil Prince Nelson.
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;
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
HTML, Formatting Text and Images Lesson 2.
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.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
.  Entertain  Inform  Educate  Blogs  Sell  Date  Gamble  Religion.
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.
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Web Pages: Creating & Maintaining Body Tags. There have been several versions of HTML since its inception. VersionYear HTML1991 HTML HTML
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.
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 CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
1 HTML John Sum Institute of Technology Management National Chung Hsing University.
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
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.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Basic HTML PowerPoint How Hyper Text Markup Language Works
HTML Codes Miss B.
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.
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
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.
McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
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.
CS 111 – Oct. 4 Web design –HTML –Javascript Commitment: –This week, read sections 4.3 – 4.5.
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. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
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: Hypertext Markup Language The language to make web pages 0.
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.
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.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
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.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
HTML Headers/Parag raphs. How to make a heading  Page Title This is a Heading This is a paragraph.
Q.Nand1 HTML Creating an HTML Document Lesson 2. Q.Nand2 Overview Creating an HTML Document: –HTML syntax –Creating Basic Tags –Displaying Your HTML Files.
Prepared by Sana Maqbool. Objectives After completing this lesson, the you will be able to… Understand about web authoring Name and explain the uses of.
Pertemuan 1 Desain web Pertemuan 1
Prepared by Dr. Maher Abuhamdeh 2014/2015 First semester
Web Basics: HTML/CSS/JavaScript What are they?
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
Uppingham Community College
WEB PAGES: CREATING AND MAINTAINING **
Basic HTML PowerPoint How Hyper Text Markup Language Works
Basic HTML PowerPoint How Hyper Text Markup Language Works
Essentials of HTML.
What is HTML? Structure of HTML Document HTML TAG HEAD TAG TITLE TAG
Basic HTML and Embed Codes
HTML 12/27/2018.
Web pages Lesson 3.
What is HTML?.
Introduction to HTML5.
HTML Structure.
HTML What is Html? HTML stands for Hypertext Markup Language.
Pertemuan 1 Desain web Pertemuan 1
The Most Basic HTML Page
For the CIS17 course..
HTTP and HTML HTML HTTP HTTP – Standardize the packaging
Presentation transcript:

Creating a webpage html coding

Understand the main features for HTML language Lesson Objectives: Understand the main features for HTML language Create your first HTML page. Understand HTML structure / tags

What does HTML stands for ? What is HTML used for? What does markup language means ? Team # ………….

1. HTML Features مميزات Features

Identify the features of HTML language? Individual Activity Identify the features of HTML language? Easy to write Doesn't need expensive software. Uses markup language Not case sensitive

2. Create your first HTML page

Programs Required to Write HTML code Web Browser

Start New page in HTML

Practical Work In Pairs Follow step by step instructions listed in your book pages 68-69 to create your first HTML page

Practical Activity Be Winner Activity 1 & 2 Page 70-71

3. HTML Structure

Put the correct explanation next to the concerned tag of HTML? HTML Structure – Class Activity Put the correct explanation next to the concerned tag of HTML? Startup of the program Default Font Type End up of the page Startup & End up of the page title Startup of the page Startup of the page content End up of the page content End up of the program To let the browser know the doc is HTML

HTML Structure To let the browser know the doc is HTML Startup of the program Startup of the page Default Font Type Startup & End up of the page title End up of the page Startup of the page content Endup of the page content End up of the program

Main HTML tags

What are the tags that you learned from the previous exercise ? Paragraph – heading – Line Break Tags What are the tags that you learned from the previous exercise ? Tag meaning <p> Paragraph tag <h1> Heading 1 <br> Line break <h1> - <h6> Different heading tages

Super Student Activity Create a similar HTML page ?

Evaluate your Understanding