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.

Slides:

Advertisements

Similar presentations

Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.

Advertisements

HTML Minute University Richard Fisher 10/1/2001 HTML FSA Training2 HTML Overview  HTML  HyperText Markup Language.

How Tags are used to form your Web Page

MIS 425 Lecture 1 – HTML Basics and Web Page Design Instructor: Martin Neuhard

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;

Computer Science 1611 Internet & Web Creating Webpages Hypertext and the HTML Markup Language.

CM143 - Web Week 2 Basic HTML. Links and Image Tags.

HTML Lesson 1 TBE 540 Farah Fisher. Prerequisites Before beginning this lesson, the student must be able to… Access web pages and navigate the web Access.

HTML, Formatting Text and Images Lesson 2.

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.

Basic HTML The Magic Of Web Pages. Create an HTML folder  Make a folder in your H drive and name it “HTML”. We will save EVERYTHING for this unit here.

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.

Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.

Using HTML to Create a Basic Web Page… By Josh Gallagan.

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.

Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.

HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.

HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.

HTML I An Introduction to the Language of the Web Terry Bake

Basic HTML PowerPoint How Hyper Text Markup Language Works

Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-

HTML Codes Miss B.

Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.

Lesson 7 – World Wide Web. What is the World Wide Web?  The content of the worldwide web is held on individual web pages gathered together to form websites.

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.

Introduction to HTML. HTML Introduction HTML – Hypertext Markup Language are the instructions that tell a browser how to lay out the information (text,

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. 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.

Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.

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

CS 100 Introduction to Web Page Construction and HTML.

CPSC 203 Introduction to Computers Lab 23 By Jie Gao.

Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.

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.

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.

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

Online PD Basic HTML The Magic Of Web Pages

Introduction to HTML.

Prepared by Dr. Maher Abuhamdeh 2014/2015 First semester

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

Introduction to HTML:.

Essential Tags Web Design – Sec 3-3

Elements of HTML Web Design – Sec 3-2

Uppingham Community College

WEB PAGES: CREATING AND MAINTAINING **

Basic HTML PowerPoint How Hyper Text Markup Language Works

INSTRUCTIONS This presentation was designed to first be viewed in class with the instructor. Students may then view it on their workstations while trying.

3.00cs HTML Overview 3.00cs Develop webpages.

The Internet and HTML Code

Essential Tags Web Design – Sec 3-3

Elements of HTML Web Design – Sec 3-2

HTML Vocabulary.

Basic HTML PowerPoint How Hyper Text Markup Language Works

Web Design and Development

Introduction to Web Page Design

HTML HYPERTEXT MARKUP LANGUAGE.

HTML 12/27/2018.

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.

Introduction to HTML5.

WEB PUBLISHING 2/19/2019 JIPRA ICT DEPARTMENT

Web Application Development

Pertemuan 1 Desain web Pertemuan 1

The Most Basic HTML Page

HTTP and HTML HTML HTTP HTTP – Standardize the packaging

Presentation transcript:

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 basic HTML tags:, links (awareness), header sizes Gather text and graphic information about a topic Create a simple web page using a word processing program or a text editor Display the web page using a browser

Purpose of this Lesson You will be exposed to a lot of new information in this lesson. The actual purpose is to help you begin to recognize the structure of HTML. Do not try to memorize the information you see. You can always refer to an HTML reference list.

What is Website Authoring? Web authoring is a practice of creating or maintaining the websites using different programming languages like HTML, JAVA, Microsft ASP.NET

What is a Website ? Website is a collection of individual but related WebPages. Example of website:

What is HTML? HTML stands for Hyper Text Markup Language It is the set of instructions hidden behind every web page (i.e the source of the page)

HTML TAGS In HTML the tags tells the browser what to do HTML “tags” are contained within The letters inside the are the instructions (like for bold) and may be upper or lower case. Tags often come in pairs…one to begin a feature, and another to end it.

HTML Structure Each web page has a HEAD and a BODY. All web pages have required tags like these: {tells the browser that your using a HTML document} {begin the page} {some set up instructions are here like page title} {the main part of the page is here} {end the page}

HTML Structure The HEAD section often contains tags to display a page title. The title is displayed at the top of the window (not on the page). Here is an example: AIRLINES

Example

HTML Structure The BODY section contains all the instructions for the actual page display. Inside the body section of a web page you will find tags that control text, images, lines, links, tables and other special functions. Remember that some, but not all, tags come in pairs.

My Airlines Webpage