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

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything Text Lists Other tables Pictures …
HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
Hypertext markup language.  Client asks for an html file  Server returns the html file  Client parses and displays it  This display is what most people.
Anne McGrath 16 th February  Review of what we have learned so far.  Angled brackets surround HTML tags.  The words between the angled brackets.
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,
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 3: XHTML Coding © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page.
CS134 Web Design & Development Attributes, Lists, Tables, Links, and Images Mehmud Abliz.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
 Introductions › Who am I? › Who are you?  Logistics  What is technology fluency and why should you care?  Browsers, servers, software.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web.
Server Web Server Pages Client Browser  Office Hours on Thursday › Diane’s are CANCELLED › Belinda will hold 11:00-12:00  Belinda will be teaching.
Server Web Server Pages Client Browser  HTML can do everything  We will limit our use to defining the content units – NOT formatting  Why? ›
 Page structure  Define the content › Text › Headers › Lists › Tables  Minor formatting.
13 February Building a Web Page. HTML Files Two types of information Text Instructions on how to display Instructions are in the form of tags Tags are.
HTML Computing Concepts HTML - An Introduction 1.
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: 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.
Hypertext Markup Language (HTML) Created by Sarah Dooley & Amanda Foster Edited and presented by Caroline Hallam September 9, 2014.
Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
Basic HTML The Magic Of Web Pages. Create an HTML folder  Make a folder in your H drive and name it “HTML”. We will save EVERYTHING for this unit here.
CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang.
Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.
Updated on: September 4, 2010 CIS67 Foundations for Creating Web Pages Professor Al Fichera.
COMP 101 Fluency in Technology Diane Pozefsky 19 August 2014.
Amber Annett David Bell October 13 th, What will happen What is this business about personal web pages? Designated location of your own web page.
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
Lecture # 3 HTML and Arrays. Today Questions: From notes/reading/life? From Lab # 2 – Preview of Lab # 2 1.Introduce: How do you make a Web Page?: HTML.
Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
Web pages in Linux David Douglas Sam M. Walton College of Business, University of Arkansas.
Web Programming Basics of HTML. HTML stands for Hyper Text Mark-up Language A mark-up language is different than those that you have learned before in.
CPT 123 Internet Skills Class Notes Publishing to the Web Session B.
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.
HTML: Hyptertext Markup Language Doman’s Sections.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.
HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything › Text › Lists › Other tables › Pictures › …
 Create a free account  Verify your address.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place.
HTML HyperText Markup Language. Text Files An array of bytes stored on disk Each element of the array is a text character A text editor is a user program.
 How a computer works  The Internet  Browsers  Web Pages.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Web programming Part 1: HTML 由 NordriDesign 提供
SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server.
1 2/16/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Intro to HTML and Basic Web Page Design.
Creating and Editing a Web Page Using Inline Styles
CS 100 Introduction to Web Page Construction and HTML.
HTML Tags BTT1O. HTML  Documents written in hypertext markup language can be interpreted by all web browsers.  This language lets the web page developer.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
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.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
 Create a free account  Verify your address.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
HTML.
Online PD Basic HTML The Magic Of Web Pages
Web Design & Development
COMP 101 Introduction.
COMP 101 Introduction.
COMP 101 Introduction.
HTML: Pages and Tools.
HTML Basics Mr. Fazzalari.
Presentation transcript:

 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 is told to do

SERVER web page repository WEB PAGE instructions stores information and instructions BROWSER retrieves web page and follows instructions Server Web Server Pages Client Browser 1 3 2

 To create your page, we will use Komodo EditorKomodo Editor  To share your web page, we will use the UNC SERVER, ISIS (  To transfer your page to ISIS, we will use FilezillaFilezilla

 Simple steps › Create your home page locally › Transfer pages › Test it from another machine  Have ONE folder where you always work locally  Be sure that you have the current version of your page

Put your title here What will appear on the page Here … and there

 HTML should be used for defining WHAT is on the page NOT how it LOOKS  Why? › Consistency › Alternate presentation

 Two types of commands › Single commands › Start/end commands..  Tags can have additional information associated with them – attributes … › command-specific attributes › generally applicable like class  Blank lines and spaces don’t matter

 Regular text = paragraph › …  Headers › h1 thru h6 › NOT order › Different styles  Long quote ›

 Unordered › Bulleted  Ordered › Numbers or letters  Definition › Terms & definitions

 Exception to formatting: › use for simple emphasis within paragraph  Bold …  Italic …  Underline …

 Two commands › short › EXP  Generally the same › Difference for text-to-speech  letter-by-letter  word-like

 Required › Table › Row › Data  Optional elements › Header (replaces data) › Caption › Thead (contains rows) › Tfoot (contains rows) › Tbody (contains rows)  REQUIRED if thead or tfoot  Can contain anything › Other tables › Pictures › …

 Tables  Divs

Practice Additional Tutorials ient-Side-Coding/HTML/basics-of- html/page1.html Cheat Sheet: Bare Bones Guide to HTML