The Teacher Computing HTML HyperText Markup Language.

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

/k/k 1212 Cascading Style Sheets Part one Marko Boon

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.

Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.

What is a Web Page? Web pages are a combination of text and graphics, wrapped in a special “markup” language. The markup language (Hypertext Markup Language.

HTML Computing Concepts HTML - An Introduction 1.

4.01 Cascading Style Sheets

HTMLMR.Mostafa badr1. Lesson 3 HTML Tags Lesson 2 Creating a HTML File Lesson 1: Hyper Text Markup Language (HTML) Basics Get Trained for a Better Future.

1 Introduction to HTML. 2  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language  of Web Pages on the World Wide Web. HTML is a.

 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

Tutorial 1: Getting Started with HTML5

Basics of HTML.

July 2007 Web Design Developing a Class Website for the Tsunami Shelter Challenge Rozeanne Steckler

Today’s Topic Language of web page - HTML (Hypertext Markup Language)

4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.

Web Pages: Creating & Maintaining Body Tags. There have been several versions of HTML since its inception. VersionYear HTML1991 HTML HTML

Introduction to HTML. HTML Hyper-Text Markup Language: the foundation of the World-Wide Web Design goals:  Platform independence: pages can be viewed.

CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.

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.

Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.

Chapter 4 (through page 110) Fluency with Information Technology 4 th edition by Lawrence Snyder (slides by Deborah Woodall : 1.

HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.

 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.

HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.

XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 01: Introduction to HTML.

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.

Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.

G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher

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.

Web Design-Lecture1-QN-2003 Web Design Web Design Using HTML.

Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.

Basic HTML PowerPoint How Hyper Text Markup Language Works

Creating Webpage Using HTML

HTML Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!

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.

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.

McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.

Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.

CPSC 203 Introduction to Computers Lab 66 By Jie Gao.

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.

Informatics Computer School CS114 Web Publishing HTML Lesson 1.

4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.

CS543: WEB APPLICATION PROGRAMMING Lab 1: HTML tags & SW installation Computer Science Department.

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 Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

HTML BASIC IST 210: Organization of Data IST210 1.

1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.

PART 1: Introduction to HTML & CSS. Lecture 1: HTML 5 Basic Structure.

Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.

G046 Lecture 03 Introduction To HTML Mr C Johnston ICT Teacher

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.

Basic Web Page Design. Text book: HTML, XHTML, and CSS: Visual QuickStart Guide, Sixth Edition written by Elizabeth Castro. Software: Adobe® Dreamweaver®

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.

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application.

HTML Basic IST 210: Organization of Data IST2101.

G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher

U NIT 9 Level 2 Web Design. What does HTML stand for? HTML stands for Hypertext Markup Language and it is the language used by all web pages. It consists.

Web Basics: HTML/CSS/JavaScript What are they?

Introduction to HTML.

Basic HTML PowerPoint How Hyper Text Markup Language Works

HTML HYPERTEXT MARKUP LANGUAGE.

HTML Structure.

HyperText Markup Language

Presentation transcript:

The Teacher Computing HTML HyperText Markup Language

The Teacher Computing Language HTML is a programming language. The instructions inform the browser how to display a web page.

The Teacher Computing Tags Tags are sections of code placed inside Eg. The ‘body’ tag is written as Every tag must have an ‘end tag’. The end of the ‘body’ section is written Tags must be ‘nested’ and never ‘overlapping’…

The Teacher Computing Page sections Every page is enclosed in HTML tags. Every page has a HEAD and a BODY section. So the code for every page looks like… …. … The HEAD section contains information about the page. It is only the BODY that is displayed.

The Teacher Computing Attributes Tags can have attributes (properties) For example the tag can have a background colour attribute bgcolor… …assign a value to an attribute inside the start tag. Eg. A tag can have many attributes. For a full list of these attributes see..

The Teacher Computing Text Text to be displayed goes in between the tags… Hello People

The Teacher Computing Colours Some colours are pre-defined Eg. “red”, “blue”, “gray”, “teal” Others may be expressed as hexadecimal numbers. Eg. “#FF3300” Full listing of colours can be found on the Internet Eg.

The Teacher Computing Creating a page Type in the code on a text editor (Eg. Notepad) Save as a file with extension.htm (or.html) Open the file in a web browser.