HTML – The On-line Language HTML (Hyper Text Markup Language) Basic building block of any on-line page Adds flexibility to programs such as WebCT.

Slides:



Advertisements
Similar presentations
HTML Basic Lecture What is HTML? HTML (Hyper Text Markup Language) is a a standard markup language used for creating and publishing documents on.
Advertisements

Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Basics of Tables. Tables Give Flexibility Are arranged in rows and columns In XHTML, you do not directly define the columns of a table Calculated by browser.
HTML Basics 1450 Technology Seminar Copyright 2003, Matthew Hottell.
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.
How Tags are used to form your Web Page
 Pseudo-elements  Centering  Tables  Classes and ids.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
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.
Chapter 4_2 Marking Up With Html: A Hypertext Markup Language Primer.
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
HTML Comprehensive Concepts and Techniques Second Edition Creating Tables in a Web Site October 23, 2012.
Push the Portfolio Envelop Laura Yost KCELT Dog Days 2008.
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.
Class 3 – Creating Lists In this lesson, you will learn to use HTML to organize your text into lists.
HTML basics exercises.
Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.
Creating your Webpage with tables. This is a 2 column by 1 row table!
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
1 Essential HTML coding By Fadi Safieddine (Week 2)
HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.
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 CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Adobe Dreamweaver CS3 Revealed CHAPTER FIVE: USING HTML TABLES TO LAY OUT A PAGE.
Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.
Just Enough HTML How to Create Basic HTML Documents.
Html Tables Basic Table Markup. How Tables are Used For Data Display Tables were originally designed to display and organize tabular data (charts, statistics,
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 )
Graduate School of Library and Information Science LIS 753 Introduction to HTML 5 By: Yijun Gao Week Three.
HTML Hyper Text Markup Language. Create TABLE in an HTML Tables are defined with the tag. A table is divided into rows (with the tag), and each row is.
Basic Table Elements. 2 Objectives Define table elements Describe the steps used to plan, design, and code a table Create a borderless table with text.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Index Here type your information or document that you want to look on the Web page.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
Web programming Part 1: HTML 由 NordriDesign 提供
Creating Your Own Web Page Using HTML (HyperText Markup Language.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
Creating a Web Page Presented by: Bernadette G. Bautista Manuel I. Santos MNHS April 29, 2011.
Creating Tables in a Web Site HTML 4 Created by S. Cox.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.
HTML. HTML: What is it? – HTML stands for Hyper Text Markup Language – An HTML file is a text file containing small markup tags – The markup tags tell.
Tutorial 5: Tables Session OBJECTIVES Create a table Insert a table summary Insert a table caption Add rows and cells Merge Cells inside a Table.
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. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Tables: Basic Elements Header 1Header 2Header 3 Row 1, Column 1Row 1, Column 2Row 1, Column 3 Row 2, Column 1Row 2, Column 2Row 2, Column 3 Row 3, Column.
This shows a table with two rows. In each row there are two cells. I have put borders around them. Note I did not use th.
Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 2
HTML  HyperText Markup Language  The Language used to design web pages  Code mixed with text  Tags enclosed in angle brackets  Single tags  Paired.
Web Basics: HTML/CSS/JavaScript What are they?
HTML basics
Elements of HTML Web Design – Sec 3-2
TABLES.
Web Design and Development
If You Know Nothing About HTML, This is Where You Start.
Web pages Lesson 3.
What is HTML?.
Computer communications
Make a Heading and sub-headings.
Presentation transcript:

HTML – The On-line Language HTML (Hyper Text Markup Language) Basic building block of any on-line page Adds flexibility to programs such as WebCT

HTML – The Basics HTML is a mirrored code: most commands/ tags need a match (front & back) bold underline cnn.com italicize centered!... they also need two sets of quotes

HTML – The Basics Some instances do not need a match to work CAPITALIZE your HTML, or not? Keep it clear & clean; it’s easier to decipher! If it does’t work, look for common mistakes!

HTML – The Basics How do I create a link? How do I insert an image? cnn.com Yahoo!

HTML – The Basics How do I link an image? LINK + IMAGE I am linked now! But I will ALWAYS have a border! OR

No Need To Reinvent the Wheel! I want to wrap text, create cool layouts, HOW? T A B L E S ! ! ! Content TR = table rows, as many as you want! TD = in the rows, as many as you want! You can insert images, text, colors in the TD

No Need To Reinvent the Wheel! There is a lot you can learn, and borrow, from existing websites... If you want to use an existing image/graphic

No Need To Reinvent the Wheel! There is a lot you can learn, and borrow, from existing websites... If you want to see how something is done