The Internet and HTML Code

Slides:



Advertisements
Similar presentations
Introduction to HTML & CSS
Advertisements

Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Understand Web Page Development Software Development Fundamentals LESSON 4.1.
Project 1 Introduction to HTML.
1st Project Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
1 Lesson 1 Quick HTML Know-How HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Basics of HTML.
 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.
© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.
First things, First Do you belong in here? – 10 – 12 – Comp. Discovery or Keyboard/Comp Apps – Do you have any experience with Web Page Design?????
HTML Structure & syntax
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.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
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.
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
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
Learning HTML Presented By: Wayne Helle What Is HTML? Learning Basic Tags... Formating Your Text... Working With Images and Links... Simple Form Boxes..
Introduction To HTML.  HTML stands for Hyper Text Markup Language.  HTML was developed by Tim Berners-Lee.  HTML is maintained by World Wide Web Consortium(W3C).
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
Web Application Programming Presented by: Mehwish Shafiq.
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
Cascading Style Sheets CSS. Source W3Schools
TOPIC II Dynamic HTML Prepared by: Nimcan Cabd Cali.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Introduction to the World Wide Web & Internet CIS 101.
Unit 5 The Web Book Test. Unit 5 Test The Web Book Test 1. On the bottom of page 46, why is writing web pages not like writing printed documents ?
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.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
HTML Structure & syntax
4.01 How Web Pages Work.
Web Basics: HTML/CSS/JavaScript What are they?
4.01 How Web Pages Work.
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Chapter 1 Introduction to HTML.
Web Standards Web Design – Sec 2-3
Web Languages What Is a Web Page?
Concepts of HTML, CSS and Javascript
Basic HTML PowerPoint How Hyper Text Markup Language Works
Project 1 Introduction to HTML.
AN INTRODUCTORY LESSON TO MAKING A SIMPLE WEB PAGE By: RC Emily Solis
Web Standards Web Design – Sec 2-3
Introduction to web design discussing which languages is used for website designing
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
APTECH JANAKPURI INSTITUTE PROVIDING WEB DESIGNING COURSES Address:- J-1,2nd Floor, Opp Metro Pillar No – 559, Janakpuri East, Delhi /42.
Web Languages What Is a Web Page?
Basic HTML PowerPoint How Hyper Text Markup Language Works
Hyperlinks, Images and Tables
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.
Unit 6 part 3 Test Javascript Test.
What is HTML?.
Introduction to HTML5.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Computer communications
The language of the internet
The language of the internet
4.01 How Web Pages Work.
Markup Languages -Use codes, called tags, to provide instructions about formatting and structure of a website HTML (Hypertext Markup Language) Must be.
Presentation transcript:

The Internet and HTML Code

Start up Open your computer Click on internet explorer browser Type this web site: www.moe.gov.ae View the source

Understand the term HTML Understand the markup language Lesson Objectives: Understand the term HTML Understand the markup language Understand what is web browser.. Understand W3C,CSS, Java Script

What is HTML?

Hyper Text Markup Language

HTML is a basic programming language for making web pages. What is HTML? : HTML is a basic programming language for making web pages.

What is a markup language? A computer language that ‘annotates’ content. (have meaning to both people and computer system) In HTML, content is annotated using tags (inside angled brackets). For example, the following tags are used to set a HTML document’s title. <title> Ministry of Education Website </title>.

Main HTML tags

What do I need to write HTML code ? Web browser

How many different web browsers can you name? Book Activity P-20 How many different web browsers can you name?

List of unheard web browsers UC browser Black Hawk browser Slim browser Superbird browser

Web browser – Web Page

Write the correct order Book Activity P-25 Write the correct order

What is a markup language? Look at the code on the right and the result in the web browser. What do you notice about the code and the result?

The web browser reads the HTML code it does not display the tags. The code uses the tags to tell the browser how to display things . If you can read HTML code, you can have a rough understanding of how the web page will look. HTML documents are called web pages. The different pages are linked together using hyperlinks. A hyperlink will take you to a new page when you click on it. Hyperlinks can be used to link a lot of pages together to create a full website . Internet and HTML Code

W3C Stands for World Wide Web Consortium Microsoft Apple IBM Adobe W3C is an organization that looks after the standards for HTML, CSS and Java Script. W3c is a member- based organization, which includes giants such as: Microsoft Apple IBM Adobe

What is CSS?

CSS Stands for Cascading Style Sheet

CSS Example

What is JavaScript?

Java Script

Why to use Java Script HTML pages can be referred to as ‘static’ pages. This means they are not interactive JavaScript used to make web pages more dynamic and interactive. Adding JavaScript to your HTML code allows you to change completely the document appearance, from changing text, to changing colors, or changing the options available in a drop-down list, or switching one image with another when you roll your mouse over it and much more.

Quick Review

What is the mean of internet? Many computers connected to each other to communicate or share information

What is HTML? What do I Mean by markup language? HTML stands for Hyper Text Markup Language. It’s a programming language used to create web pages. It’s markup because it can understood by both people and computer.

What is CSS? Why was it introduced? CSS stands for Cascading style Sheet. The purpose was to provide html authors with more formatting support and give them a way to apply uniform styles to multiple documents

What is the purpose of JavaScript? To Make web pages more dynamic and interactive

Name some partners of the W3C Organization Microsoft Apple IBM Adobe

Home Work – Book Activity Page-33