Basics of HTML. Tags for overall page structure:,, and Tags for titles, headings, and paragraphs:, through, and Tags for comments: Tags for lists:,,,,

Slides:



Advertisements
Similar presentations
Lists in HTML PowerPoint How to create lists in HTML
Advertisements

Web Development & Design Foundations with XHTML
Chapter 2 HTML Basics Key Concepts
1. Content – Collective term for all text, images, videos, etc. that you want to deliver to your audience. 2. Structure – How the content is placed on.
HTML/XML XHTML Authoring. Creating Tables  Table: An arrangement of horizontal rows and vertical columns. The intersection of a row and a column is called.
Tutorial 2: Formatting Text. Objectives Session 2.1 – Learn the functions of the Common toolbar – Change the size of text – Discern which fonts to use.
< REVIEW > How HTML looks like (Overview)? Page title here Main page content comes here.
23-Jun-15 HTML. 2 Web pages are HTML HTML stands for HyperText Markup Language Web pages are plain text files, written in HTML Browsers display web pages.
HTML Primer Basics of HTML for those who haven’t used it before.
© 2004, Robert K. Moniot Chapter 4 Introduction to HTML.
HTML Notes Chapters 1--6 Codes used in creating HTML documents are called tags. Tags are always enclosed in left ( ) angle brackets. Tags can be upper.
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
HTML: AN INTRODUCTION. Document Structure HEAD: Provides information about the document to browsers and agents. Some elements include: –TITLE: Tell what.
MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.
Define html document byusing Example : Title of the document The content of the document......
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.
1 HTML intro The development of HTMLThe development of HTML The transition from HTML to XHTMLThe transition from HTML to XHTML XHTML syntax, tags, and.
1.  Describe the anatomy of a web page  Format the body of a web page with block-level elements including headings, paragraphs, lists, and blockquotes.
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
HTML Hyper-Text Markup Language or tags. HTML is a “tag” language Open and close tags Tags identified with angle brackets Basic format content (shorthand.
1 Introduction to HTML Joshua S. Simon Collective Technologies.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
Department of Information Technology Chapter 8 - Creating Hypertext links Lecturer: Ms Melinda Chung.
CPT 123 Internet Skills Class Notes Publishing to the Web Session B.
Chapter 2 Introduction to HTML. Learning Outcomes Describe Hypertext Markup Language (HTML). Introduce HTML syntax. Recognize basic structure of HTML:
HTML,DHTML & Javascript/Session1/1 of 39 Introduction and Basic Tags Session 1 of Using HTML, DHTML & JavaScript.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
2.2 XHTML (cont.). Motto Yea, from the table of my memory I’ll wipe away all trivial fond records. —William Shakespeare.
HTML: Hyptertext Markup Language Doman’s Sections.
Copyright © Osmosys O S M O S Y SO S M O S Y S D e p l o y i n g E x p e r i e n c e & E x p e r t i s e™ HTML Training.
COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 2.
Web Development & Design Foundations with XHTML Chapter 2 HTML/XHTML Basics.
HTML Basics. HTML Introduction Stands for HyperText Markup Language. HTML files are plain text files with mark ups. Some characteristics of HTML: –No.
Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3.
Special Characters. Special Characters in XHTML: Some common characters cannot be written directly into our code as the XHTML processor (browser) would.
HTML.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
L. Anne Spencer (c) 2001 Basic Web Design Document, text, & layout formatting tags & attributes.
Marking Up Text Learning Web Design: Chapter 5. Overview HTML Structure tags, also called Document-Level Elements HTML Block-Level Elements Semantic Inline.
Note #2.  How does a structure of HTML document look like?  How do you align … A paragraph? A heading?  What is the main difference between one-sided.
IDK0040 Võrgurakendused I harjutus 02: Formatting Deniss Kumlander.
COP 3813 Intro to Internet Computing Prof. Roy Levow Lecture 2.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.
Formatting Text with HTML. Objectives: Students will be able to: Define the structure of the document with block elements Format numbered, bulleted, and.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 2- part 2 Key Concepts 1 Copyright © Terry Felke-Morris.
The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
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 #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
Create Your Own Web Page: An Introduction to HTML Instructor: Corey Johnson Assisted by: tba.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
HTML TEXT.
Web Development & Design Foundations with HTML5 8th Edition
Web Development & Design Foundations with HTML5 7th Edition
Intro to HTML Mr. Singh.
N100 Building a Simple Web Page
Introduction to HTML.
Marking Up with XHTML Tags describe how a web page should look
Client-Side Internet and Web Programming
HTML: Pages and Tools.
Marking Up with XHTML Tags describe how a web page should look
The Most Basic HTML Page
Marking Up with XHTML Tags describe how a web page should look
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

Basics of HTML

Tags for overall page structure:,, and Tags for titles, headings, and paragraphs:, through, and Tags for comments: Tags for lists:,,,, and

Structuring Your HTML The DOCTYPE Identifier : Strict,Transitional, Frameset

Title: The Lion, The Witch, and the Wardrobe Heading: Examples to Paragraphs :....,.., …, strikethrough Monospaced typewriter font …

Special characters Char Code Description & & Ampersand < < Less than > > Greater than © © Copyright ® ® Registered trademark ± &plusmin; Plus or minus 2 ² Superscript 2 3 ³ Superscript 3 ´ ´ Acute accent ` ` Grave accent # # Number % % Percent white space

Meta tag Searching: Refresh : Expires:

List and List HTML 4.01 defines these three types of lists: –Numbered or ordered lists, which are typically labeled with numbers –Bulleted or unordered lists, which are typically labeled with bullets or some other symbol –Glossary lists, in which each item in the list has a term and a definition for that term, arranged so that the term is somehow highlighted or drawn out from the text

Attributes are extra parts of HTML tags that contain options or other information about the tag itself “disc”,”square”,”circle” Type= “1”,”a”,”A”,”i”,”I” January Eggs

Example white-space: Specifies how white space is handled for list items. Valid values are pre, nowrap, and normal.

Glossary Basil Annual. Can grow four feet high; the scent of its tiny white flowers is heavenly Comment :