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.

Slides:

Advertisements

Similar presentations

Internet Applications Development Lecture 2 L. Obead Alhadreti.

Advertisements

Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,

Hypertext markup language.  Client asks for an html file  Server returns the html file  Client parses and displays it  This display is what most people.

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

MASTERY OBJECTIVE: Learn parts of an html document Learn basic html tags HTML-An Introduction.

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.

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

Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.

Basics of HTML.

Creating a Simple Page: HTML Overview

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

Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.

HTML (HyperText Markup Language)

HTML Structure & syntax

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.

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.

Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.

HTML Tags Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions

>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.

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.

XHTML. Introduction to XHTML What Is XHTML? – XHTML stands for EXtensible HyperText Markup Language – XHTML is almost identical to HTML 4.01 – XHTML is.

Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.

15.1 Fundamentals of HTML.

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

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.

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-

Creating Webpage Using HTML

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.

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.

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.

Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester

15.1 Fundamentals of HTML DeKalb County School System.

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.

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.

15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.

Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.

1 2/21/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Lists, Fonts, Links, and Preformatted Text.

CHAPTER TWO HTML TAGS. 1.Basic HTML Tags 1.1 HTML: Hypertext Markup Language  HTML stands for Hypertext Markup Language.  It is the markup language.

Using HTML. Glogger Glogger is like you own personal web page, you can add… Pictures Text Videos Music, etc… Modify and adjust anything you want Glogger.

Basic Steps to create a Website using HTML5. Hypertext Markup Language.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

HTML cancho. HTML HyperText Markup Language A set of HTML tags.

Intro to HTML.  Hypertext markup language (HTML) is a way of telling web browsers how to display a page  You can type them by hand in a word processing.

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.

NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.

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.

Uppingham Community College

Basic HTML PowerPoint How Hyper Text Markup Language Works

Basic HTML PowerPoint How Hyper Text Markup Language Works

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.

Structuring Content in a Web Document

Introduction to HTML5.

HTML Structure.

Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.

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:

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 tag) – These are always structured Used to structure the page Keep lowercase!

Document Type Definition Empty tag (no closing) Tells browser what type of document the webpage is html: HyperText Markup Language Specifically HTML5

html Tag Pair of tags (will close later) Surround everything else on page lang attribute specifies language of the page en = English Attribute values are surrounded by quotation marks

head Tag Pair of tags (will close later) Contains info about the page Tags in this section do NOT display on the page itself

meta Tag Empty tag (no closing) Info about the page charset attribute specifies the encoding of text used in coding the page

title Tag Pair of tags Surround title of the page Appears in top of browser Used as title for bookmarks Used in search engine results

Close the head section End of head section Notice closing tags start with / This guy’s really into web design!

body Tag Pair of tags (will close later) Contains content that WILL display on the webpage

p Tag Pair of tags Surround paragraph content that displays on page

Close the body section End of body section

Close of html End of the page