HTML BASICS Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.

Slides:



Advertisements
Similar presentations
XHTML Basics. What is XHTML? XHTML is newer than the old HTML XHTML has stricter rules and does not allow some elements formerly used in HTML One benefit.
Advertisements

MASTERY OBJECTIVE: Learn parts of an html document Learn basic html tags HTML-An Introduction.
History Leading to XHTML
Tutorial 9 Working with XHTML
XHTML1 Building Document Structure. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML) documents.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
Creating a Well-Formed Valid Document. 2 Objectives Introducing XHTML Creating a Well-Formed Document Creating a Valid Document Creating an XHTML Document.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
XHTML1 Topics Work with the Frameset Document Type Definition (DTD) Create frames Use the target and base attributes Create nested frames Format frames.
Creating and Editing a Web Page
Internet Skills An Introduction to HTML Alan Noble Room 504 Tel: (44562 internal)
HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.
Working with XHTML Creating a Well-Formed Valid Document.
XP Tutorial 9New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
Week 1.  Phillip Chee   Ext.1214 
XP The University of Akron Summit College Business Technology Department Computer Information Systems 2440: 140 Internet Tools Instructor: Enoch E. Damson.
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.
Tutorial 1 Developing a Basic Web Page. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives – Lesson 1 Introduction to the.
Unit-2 Introduction to HTML PREPARED BY: PROF. HARISH I RATHOD COMPUTER ENGINEERING DEPARTMENT GUJARAT POWER ENGINEERING & RESEARCH INSTITUTE WEB APPLICATION.
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.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
Using Html Basics, Text and Links. Objectives  Develop a web page using HTML codes according to specifications and verify that it works prior to submitting.
XHTML1 Building Document Structure Chapter 2. XHTML2 Objectives In this chapter, you will: Learn how to create Extensible Hypertext Markup Language (XHTML)
Introduction. Document Structure Overview  XML declaration (prolog)  Document type declaration  Root element (namespace)  Document header  Document.
CSCE Chapters 1 and 2 CSCE General Applications Programming Benito Mendoza 1 By Benito Mendoza Department of Computer Science & Engineering.
1 XHTML محمد احمدی نیا 2 Of 19 HTML vs XHTML  XHTML is a stricter and cleaner version of HTML.  by combining the strengths of HTML.
Chapter 2 HTML Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
1 Web Developer Foundations: Using XHTML Chapter 2 Key Concepts.
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.
CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorial 9: Working With XHTML.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
A Basic Web Page. Chapter 2 Objectives HTML tags and elements Create a simple Web Page XHTML Line breaks and Paragraph divisions Basic HTML elements.
XP Tutorial 9 1 Working with XHTML. XP SGML 2 Standard Generalized Markup Language (SGML) A standard for specifying markup languages. Large, complex standard.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
HTML: Hyptertext Markup Language Doman’s Sections.
1 HTML Frames
META tag META tag is the element in the HTML that interacts with the search engines. It’s contain 2 attributes that should always be used: NAME: is an.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Creating XHTML Documents Essentials for.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
1 Web Application Programming Presented by: Mehwish Shafiq.
Lecture: Web Design Assis. Prof. Freshta Hanif Ehsan Faculty of Computer Science Kabul Polytechnic University Spring Semester
HTML Tags Lesson 2. What are HTML Tags?  Markup tags  Coded instructions that accompany the plain text of an HTML document  Syntax –Left wicket< –Tag.
Introducing HTML 5 Creating Web Pages with HTML 5 1.
HTML Introduction. Lecture 7 What we will cover…  Understanding the first html code…  Tags o two-sided tags o one-sided tags  Block level elements.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.
Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.
XP Tutorial 9New Perspectives on HTML and XHTML, Comprehensive 1 Working with XHTML Creating a Well-Formed Valid Document Tutorial 9.
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
CIS 228 The Internet 9/20/11 XHTML 1.0. “Quirks” Mode Today, all browsers support standards Compliant pages are displayed similarly There are multiple.
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.
Tutorial 9 Working with XHTML. XP Objectives Describe the history and theory of XHTML Understand the rules for creating valid XHTML documents Apply a.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
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.
XHTML Introductory1 Frames Chapter 5. XHTML Introductory2 Objectives In this chapter, you will: Work with the Frameset Document Type Definition (DTD)
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
XP Including Comments in an HTML Document On a new blank line in an HTML document, type the start code for a comment:
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
HTML5 – Heading, Paragraph
Coding, Testing and Valdating a Web Page
Intro to Web Development HTML Structure
Creating Web Pages with HTML 5
The Most Basic HTML Page
محمد احمدی نیا XHTML محمد احمدی نیا
Presentation transcript:

HTML BASICS Creating Web Pages with HTML CIS 133 Web Programming Concepts 1

HTML Introduction Review 2  Syntax  Tags (aka Elements)  Tags may contain Attributes  Format  Types of tags  Containers - have opening and closing  Standalone tags – opening closes itself  Whitespace  Any whitespace you type in your html file will be ignored by the browser

The Structure of an HTML File 3  DOCTYPE tag  HTML tag  Root element  Can have only one root element  Head element  Contains information about the document  Can contain meta elements  Instructions in this section are done before the page is displayed and remains in memory.  Body element  Contains content to be displayed in the Web page  Sequential process of each line content

HTML Declaration 4  HTML 4.0 Declaration  DOCTYPE declares the standards needed for proper interpretation and syntax checking by the browser.  3 standard modes:  Transitional allows the use of the deprecated tags  Frameset allows both the use of deprecated tags and the use of frames  Strict prohibits the use of any of the deprecated tags <!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Transitional//EN” 1-transitional.dtd>  HTML 5 Declaration

Title tag 5  Title element  Required element of head element  Specifies page title that is displayed in title bar of a user’s Web browser  Web document can only have one  Utilized by search engines  Should include topic of web site. My cool web page

Element Attributes 6  Provide browsers with additional information about how to treat/refine them  Attributes  Inserted into element’s opening tag using the syntax attribute1=“some value" attribute2=“some value“

Inline tags 7   Nesting  The technique of placing one element within another  Pairs of tags must match  Must have matching closing tags

White space and HTML 8  White space  Blank spaces, tabs, and line breaks within the file by default are displayed either as a single space or ignored.  To display spacing, use block-level tags or use non-breaking space.  Browsers  See no difference between a blank space, a tab, and a line break

Creating Headings 9  Headings  Titles placed within the page body  HTML supports six heading elements, numbered h1 through h6  defines the most important heading. defines the least important heading.  Syntax to mark a heading element content

Creating Paragraphs 10  Paragraphs  Another popular block-level element  To mark content as a paragraph content  The tag starts a new line with a blank space above it, separating the new paragraph from the preceding element.