 Create a free account  Verify your email address.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.
CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.
CSS CSS Precise Aesthetic Control. Cascading Style Sheets Though they can be put in HTML header, usually a separate page that the HTML links to Contains.
HTML / CSS – Basics Why the heck are we doing this?
© 2004, Robert K. Moniot Chapter 6 CSS : Cascading Style Sheets.
How Tags are used to form your Web Page
 To create page, Komodo Editor  To share web page, UNC SERVER, ISIS (  To transfer page to ISIS,
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
 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? ›
 CSS ids  Pages  Sites  HTML: class=“name”  Names may define format OR content › Either works  CAN apply multiple classes to the same tag  Multiple.
 Page structure  Define the content › Text › Headers › Lists › Tables  Minor formatting.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
Lecture 2B: HTML and CSS IT 202—Internet Applications Based on notes developed by Morgan Benton.
XHTML and CSS Overview. Hypertext Markup Language A set of markup tags and associated syntax rules Unlike a programming language, you cannot describe.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
Basics of HTML.
Creating Tables in a Web Site Using an External Style Sheet
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.
© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
DIY Web Development Hand Code Your Own Page (For Free!) by Bryan Brown, Indiana University Bloomington SLIS.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
Eat Your Words! Creating webpage Layout. CONTENT The Layout of a Webpage HEADER FOOTER Each of these sections represents a ‘div’ (or divider). By linking.
18 People Surveyed HTML (HyperText Markup Language) HTML “tags” Describes structure Building blocks Headings, paragraphs, lists, links, images, quotes,
Web page - A Web page is a simple text file that contains a set of HTML tags (code) that describe (to the browser) what should go on a web page. It may.
CSCI 1101 Intro to Computers
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
1 HTML John Sum Institute of Technology Management National Chung Hsing University.
CSS Basic (cascading style sheets)
Just Enough HTML How to Create Basic HTML Documents.
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,
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Basic Web Design Using Dreamweaver Robby Seitz 121 Powers Hall
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
WRA HTML & CSS – BUILDING WEBPAGES. TODAY’S AGENDA Review: external stylesheets Review: transforming a list Intro: the object Intro: the.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
 Create a free account  Verify your address.
FUNDAMENTALS OF HTML, XHTML & CSS Lesson 4. THE OBJECTIVES -  In this lesson you will begin coding in HTML to provide the structure  You will learn.
Cascading Style Sheets (CSS). A style sheet is a document which describes the presentation semantics of a document written in a mark-up language such.
2.1 XHTML. Motto High thoughts must have high language. –Aristophanes.
Web programming Part 1: HTML 由 NordriDesign 提供
Lesson 2 – Unit B. Quick review 1. What is the name of the eGCC host that you ftp your files? 2. What type of software do you use to create and edit web.
HTML and CSS HTML is used for the content of web pages CSS is used for the style of the web pages You are going to learn how they can be combined to create.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
Creating Web Pages with Links, Images, and Embedded Style Sheets
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.
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.
Canvas Styles Adding Color with HTML / CSS Marley - Jan
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Getting Started with HTML
HTML.
Web Basics: HTML/CSS/JavaScript What are they?
>> Introduction to CSS
Introduction to HTML.
Using CSS.
Basic HTML and Embed Codes
Unit A.
HTML / CSS Mai Moustafa Senior Web Designer eSpace eSpace.
HTML: Pages and Tools.
HTML Basics.
Multipage Sites.
Introduction to HTML By Perry Nelson Information Specialist.
HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML
Presentation transcript:

 Create a free account  Verify your address

 Log in to your account  Create a new fiddle  Save a fiddle  Update a fiddle

 HyperText Markup Language  HTML should be used for defining WHAT is on the page NOT how it LOOKS  Why? › Consistency › Alternate presentation › Simplicity  CSS (Cascading Style Sheets) for format (Thursday)

 VoiceOver Rotor (start at 1:15) VoiceOver Rotor

 Two types of commands › Single commands or › Start/end commands...  Tags can have additional information associated with them – attributes …  Blank lines and spaces don’t matter

 Regular text = paragraph  Header numbers represent style, not order  Lists consist of list delimiters and list items

 Are like boxes: › You can nest them › You can put them side by side  They are not chain links › You can not intertwine them X

 Whether they start a new line or not › Paragraphs do › Emphasize does not

 Some can take any content › 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

 Validation 

 Comments  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

 formatter.html formatter.html

1. Use jsfiddle to get it right 2. Create a new page in Komodo 3. Copy the fiddle into body 4. Format it 5. Validate it using file 6. Upload it 7. Validate it using URI