Basic HTML5 Elements CPSC Spacing Adjacent spaces, tabs, newlines in the input reduce to a single space in the output The following will not display.

Slides:



Advertisements
Similar presentations
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Advertisements

HTML: HyperText Markup Language Hello World Welcome to the world!
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
HTML FORMATTING. CONTENTS HTML Formatting Formatting Example Formatting Example Output Summary Exercise.
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
ULI101: XHTML Basics (Part III) Introduction to XHTML / Continued … Block-Level vs. Inline Elements (tags) Manipulating Text,  , Text Characteristics,,,,,,,,,,,,,,,
CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang.
Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines.
MORE HTML REMEMBER TO SEARCH W3 SCHOOLS FOR MORE INFO.
Define html document byusing Example : Title of the document The content of the document......
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Agenda Block-Level vs. Inline Elements (tags) Manipulating Text,  , Text Characteristics,,,,,,,,,,,,,,, Font Attributes: size, color, face Horizontal.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
1 Web Application Programming Presented by: Mehwish Shafiq.
L. Anne Spencer (c) 2001 Basic Web Design Document, text, & layout formatting tags & attributes.
CS 111 – Oct. 4 Web design –HTML –Javascript Commitment: –This week, read sections 4.3 – 4.5.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
Microsoft Office Grade 10 A / B Cahaya Bangsa Classical School (C) 2010 Digital Media Production Facility 04 Basic Application.
Review Questions 1. What is another word for type? 2. What is a style of writing? 3. How many times do you space after a colon? 4. Which key capitalizes.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
Text Building a Website Lesson 3. Headings,,,,, Headings,,,,, HTML has 6 levels of headings,,,,,,,,,, is used for main headings is used for main headings.
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
Introduction to Hypertext Markup Language James H. Harrison, Jr., M.D., Ph.D. Center for Biomedical Informatics University of Pittsburgh Medical Center.
XHTML HyperText Markup Language Instructs a browser how to “render”/display/format text.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
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.
HTML is about making documents. Simple Code for Simple Layout My Document This is an example HTML document First paragraph Second paragraph This is the.
Q.Nand1 HTML Creating an HTML Document Lesson 2. Q.Nand2 Overview Creating an HTML Document: –HTML syntax –Creating Basic Tags –Displaying Your HTML Files.
HTML HyperText Markup Language. 1.Introduction  HTML is used to describe web pages.  HTML stands for Hyper Text Markup Language.  Tim Berners-Lee and.
XHTML HyperText Markup Language Instructs a browser how to “render”/display/format text.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
CGS 3066: Lecture 2 Web Development and HTML5
HTML5 HyperText Markup Language
Fonts, Pictures, Styles, Files, Spelling, and More!
Test Course Testing.
Introduction to HTML.
Tag Basics.
Synchronizing Text & Objects
WEBSITE DESIGN Chp 1
[First Name] [Last Name] [Date]
[First Name] [Last Name] [Date]
Presentation title goes here
Presentation title goes here
A1 Student Posters Posters Print Services  Robinson Library  University of Newcastle  phone: Introduction The.
<ELLIIT Project Name>
Presentation title.
Presentation title.
CGS 3066: Lecture 2 Web Development and HTML5
Poster Title Heading Heading Heading Heading Heading Heading
2016 REPORTING The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
Definición y tipos discriminación
HTML Formatting Text.
A0 PowerPoint Poster Posters at Print Services Robinson Library, Newcastle University • • phone Introduction.
2016 REPORT.
buy The quick brown fox jumps over the lazy dog. Font
Style Guide Cover Page Font : Arial Narrow Size: 44
A1 Student Posters Posters at Print Services  Robinson Library  University of Newcastle  phone: Introduction.
[First Name] [Last Name] [Date]
201X REPORT.
目 录 The quick brown fox. 目 录 The quick brown fox.
[First Name] [Last Name] [Date]
[First Name] [Last Name] [Date]
KEYBOARDING: SPEED & ACCURACY
2016 REPORT.
CGS 3066: Web Programming and Design Fall 2019
Presentation transcript:

Basic HTML5 Elements CPSC 1030

Spacing Adjacent spaces, tabs, newlines in the input reduce to a single space in the output The following will not display what you expect: ProvinceSales Tax Rate Ontario8% Alberta0% British Columbia7%

Paragraphs The spacing rules apply to newlines between paragraphs: This is paragraph 1. It was a quiet day for all the quitters. Now is the time for all the good men to go to aid of the party.The quick brown fox jumps over the lazy dog. This is paragraph 2. It was a quiet day for all the quitters. Now is the time for all the good men to go to aid of the party.The quick brown fox jumps over the lazy dog.

element Enclose logical paragraphs inside a … element This is paragraph 1. It was a quiet day for all the quitters. Now is the time for all the good men to go to aid of the party.The quick brown fox jumps over the lazy dog. This is paragraph 2. It was a quiet day for all the quitters. Now is the time for all the good men to go to aid of the party.The quick brown fox jumps over the lazy dog.

Header elements Use the to elements to delineate sections of a document Heading 1 Heading 2 Heading 3 Heading 4

Logical Highlighting … - emphasis (usually italics)‏ … - stronger emphasis (usually boldface)‏

Physical Highlighting … - italics … - bold … - subscript … - superscript

Special Characters << >> && "“

Misc. elements Comments: Line break: Horizontal rule: