The Most Basic HTML Page

Slides:



Advertisements
Similar presentations
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.
Advertisements

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;
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.
Today’s Topic Language of web page - 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.
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.
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.
Explorers Guild April 27, What is HTML? Hypertext Markup Language (HTML) is the basic building block of the World Wide Web page. HTML files are.
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
Creating Webpage Using HTML
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.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
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.
Step 1: Starting an HTML Document: Right Click: new>text document.
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.
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.
HTML cancho. HTML HyperText Markup Language A set of HTML tags.
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.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Pertemuan 1 Desain web Pertemuan 1
HTML Extra Markup CS 1150 Spring 2017.
Web Architecture & HTML
Web Basics: HTML/CSS/JavaScript What are they?
Introduction to HTML:.
HTML – The COMPUTING UNLOCKED GUIDE
HTML basics
Essential Tags Web Design – Sec 3-3
Mansoor Ahmed Bughio.
HTML.
Uppingham Community College
Coding, Testing and Valdating a Web Page
Basic HTML PowerPoint How Hyper Text Markup Language Works
Web Development & Design Foundations with HTML5 8th Edition
Essential Tags Web Design – Sec 3-3
HTML Vocabulary.
A guide to HTML.
WEBSITE DESIGN Chp 1
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.
Intro to Web Development HTML Structure
Structuring Content in a Web Document
Introduction to HTML5.
HTML Basic Structure.
HTML Structure.
HTML What is Html? HTML stands for Hypertext Markup Language.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Web Application Development
Basic HTML Workshop.
HTML – The COMPUTING UNLOCKED GUIDE
Pertemuan 1 Desain web Pertemuan 1
HyperText Markup Language
15.1 Fundamentals of HTML 2 assignments: 1—complete the worksheet
HTTP and HTML HTML HTTP HTTP – Standardize the packaging
Presentation transcript:

The Most Basic HTML Page Creating Your 1st Web Page The Most Basic HTML 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 < stuff/> Used to structure the page Keep lowercase!

Document Type Definition <!doctype html> 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 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

This guy’s really into web design! 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