HTML Basics.

Slides:



Advertisements
Similar presentations
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
Advertisements

HTML: HyperText Markup Language Hello World Welcome to the world!
Chapter 2 HTML Basics Key Concepts
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
5/17/2015 8:19:16 PM1 CA203 Presentation Application Applying and Modifying Design Template Lecture # 5.
 Question: What film character is a good analogy to a computer?  Answer Answer  It is actually a very simple machine: It executes exactly what it.
Server Web Server Pages Client Browser  HTML can do everything  We will limit our use to defining the content units – NOT formatting  Why? ›
ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
Master Slide. Why Create a Master Slide Allows you to create slide layouts EXACTLY how you want it Keep things consistent from one slide to the next Save.
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.
Web page - A Web page is a simple text file that contains HTML tags (code) that describe what should be displayed on the browser. -The Web browser interprets.
HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
CSCI 1101 Intro to Computers
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
Unit 1 Changing the Appearance of Text. TITLE CORNELL NOTES TOPIC: NOTES: Summary: HTML Hypertext Markup Language 1 st and last tag on a page Tags Tags.
HTML (continued). Assignment 3 Creating a web page with:  Images  Hyperlinks to some websites  Hyperlinks to your  Information about a company,
Last week you should have had something that looked like this.
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,
Web Design (3) HTML tags. Back to your web design ! Open Brackets Click on the drop down box on the left. Last time, you clicked on ‘Open Folder’ but.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
 Create a free account  Verify your address.
IDK0040 Võrgurakendused I harjutus 01: Introduction Deniss Kumlander.
Getting Started with Marking Up Page Content. Tag defines a paragraph Automatically creates some space before and after itself Code Browser Display.
The References Tab contains tools that help users to easily create references, table of contents, indexes, captions, citations, footnotes, endnotes and.
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.
XHTML Lists. There are three types of lists available in XHTML  Unordered or bulleted lists  Ordered or numbered lists  Definition or directory lists.
2.1 XHTML. Motto High thoughts must have high language. –Aristophanes.
Lecture 3- Microsoft Word COE 201- Computer Proficiency.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
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.
Chapter 5 pp HTML Elements & Attributes Format Content Or Examples This Text Is A Hyperlink.
 Create a free account  Verify your address.
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.
Chapter 4 and 5. Objectives Introduce markup: elements and attributes How browsers interpret HTML documents Basic structure of HTML document What do style.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.
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 Basics Text, Images, Tables, Forms. HTML Structure HTML is comprised of “elements” and “tags” – Begins with and ends with Elements (tags) are nested.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
HTML.
HTML CS 4640 Programming Languages for Web Applications
Introduction to HTML:.
Getting Started with CSS
Good Morning  Please be sure to take care of your belongings.
Good Morning  Please be sure to take care of your belongings.
>> Introduction to CSS
Good Morning  Please be sure to take care of your belongings.
Coding, Testing and Valdating a Web Page
Display Property.
Good Morning  Please be sure to take care of your belongings.
Introduction to XHTML.
Good Morning  Please be sure to take care of your belongings.
Introducing HTML & XHTML:
Academic Reports in MLA format
Web Accessibility Guidelines
Tepp Räisänen Liike/OAMK 2011
8.02 Spreadsheet Formatting
Intro to Web Development HTML Structure
Business Letter in Block Style
HTML: Pages and Tools.
Lesson 2: HTML5 Coding.
Getting Started with Marking Up Page Content
Exploring Microsoft Word 2003
Good Morning  Please be sure to take care of your belongings.
HTML CS 4640 Programming Languages for Web Applications
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

HTML Basics

Announcements Office hours begin this week No assignment this week Spend the time getting help and understanding

HTML Tags < tag-name [attribute-name=value]> </tag-name> No attributes on end tag Blank lines and spaces don’t matter

Two types of commands Start/end commands <command> ... </command> Single commands < command> or < command />

Important Difference Whether they start a new line or not Paragraphs do Emphasize does not

The Basics Regular text = paragraph Heading numbers represent style, not order Lists consist of list delimiters and list items

Correctly Nested Tags Some can take any content Some have restrictions divisions, footers Some have restrictions Paragraphs can not have lists inside them Some tags are limited as to where they can appear List items can only appear in lists Incorrectly nested tags MAY appear to work

How do you know? Validation http://validator.w3.org/

Formatting your SOURCE Comments <!-- any text you want --> Indentation Nested parentheses Multi-line Line up start and end Things inside belong one tab over Single line Start, content, end on a single line Always include your name in date in every file

Formatting Help http://www.freeformatter.com/html-formatter.html

Lab