Learning HTML Week 6. Every Web Page Has the Same Basic Structure The title of your page The guts of the web page, text, graphics, links and so on.

Slides:



Advertisements
Similar presentations
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
Advertisements

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.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything Text Lists Other tables Pictures …
Color Templates Software Engineering Module: Web UI Programming Topic: HTML TALENTSPRINT | © Copyright 2012.
TABLES 6 How to create tables What information suits tables How to represent complex data in tables.
CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
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.
 2001 Prentice Hall, Inc. All rights reserved. Outline 1 Table1.html 1 2
CS134 Web Design & Development Attributes, Lists, Tables, Links, and Images Mehmud Abliz.
Introduction to HTML CPS470 Software Engineering Fall 1998.
Basic HTML. HTML Background November 1990, first created by Tim Berners Lee, the father/inventor of WWW Knighted by Queen Victoria in 2004 Hypertext is.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
Introduction to HTML II Shih-Heng Chin. Preface Structure of a HTML File Elements used frequently Tables.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.
HTML. Goals How to use the Komodo editor HTML coding and testing – List and Images – Tables and Links – At least 2 pages and navigation –
Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.
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.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
HTML basics exercises.
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Creating your Webpage with tables. This is a 2 column by 1 row table!
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.
 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.
Objectives: 1. Create a Skeleton HTML 2. View a Skeleton File Through a Server and Browser 3. Learn HTML Body Tags for the Display of Text and Graphics.
All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 2.
Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster
1 HTML محمد احمدی نیا 2 Of 43 What is HTML?  HTML stands for Hyper Text Markup Language  HTML is not a programming language, it.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
Web pages in Linux David Douglas Sam M. Walton College of Business, University of Arkansas.
Going Live with a Basic Web Page Bill Hart-Davidson AIM: billhd30 pfworkshop.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
HTML: Hyptertext Markup Language Doman’s Sections.
1 Week Four– Advance HTML 2 Dr. Fadi Safieddine. 2 Lecture Content Basic HTML Tables Using based Feedback form Creating and Using Image Maps Nested.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
McLean HIGHER COMPUTER NETWORKING Lesson 5 HTML Description of HTML web page Creating a simple HTML web page.
HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )
CIS234A- Lecture 7 Instructor Greg D’Andrea. Tables A table can be displayed on a Web page either in a text or graphical format. A text table: – contains.
1 Web Application Programming Presented by: Mehwish Shafiq.
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.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything › Text › Lists › Other tables › Pictures › …
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.
CS-3432 Electronic Commerce Lecture – 7 Sikandar Shujah Toor
Introduction to HTML UWWD. Agenda What do you need? What do you need? What are HTML, CSS, and tags? What are HTML, CSS, and tags? html, head, and body.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
Creating Tables in a Web Site HTML 4 Created by S. Cox.
Introduction to Web Authoring Ellen Cushman /wra210.htm Class mtg. #2.
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 5.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
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.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
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 ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Computer Basics Introduction CIS 109 Columbia College.
Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 2
HTML Basics Text, Images, Tables, Forms. HTML Structure HTML is comprised of “elements” and “tags” – Begins with and ends with Elements (tags) are nested.
Web Basics: HTML/CSS/JavaScript What are they?
Elements of HTML Web Design – Sec 3-2
Elements of HTML Web Design – Sec 3-2
Introduction to web design discussing which languages is used for website designing
Web Design and Development
Hyperlinks 1 2.
Introduction to HTML.
Presentation transcript:

Learning HTML Week 6

Every Web Page Has the Same Basic Structure The title of your page The guts of the web page, text, graphics, links and so on.

Barbaros Ozdogan Internet Business Systems It is as simple as it sounds-The title element names your document, like title of a book. Every HTML document you create should include a title-and only one title-within the HEAD element. Title

tag The body section of all WWW documents is defined by the element. It has both an opening tag,, to show where your information starts and a closing tag,, that indicates where the data ends.

The title of your page The guts of the web page, text, graphics, links and so on.

Working With Tables $200 $500 $ $2200

Code for the previous slide $200 $500 $300 $

Withdrawals Date HTML Code for creating Table Header : Date Activity Withdrawals Deposits Balance

(opening header tag, 1 represents the font size) (Bold)Naugatuck Savings Bank (closing header tag) (paragraph space) (Paragraph space) (Another header tag, 3 represents a smaller font size) (Italic font)Subsidiary of Dewey, Cheatem, and Howe ( End of italic font ) (End of the second header tag) Below you can find the code to create A header and a sub header. This code starts right after the opening tag

How do we create one cell That has the width of 5 columns 1- Create one row 2-Within the TR tags create one TD block This will create one cell within one row. But the goal is to create cell that has 5 column width. So to do that we will use the “colspan” element and we will include that Within the opening => Activity of Dewey, Cheatem and Howe

Creating a Link to a Web Page Anchor Tag To create a link we use the Anchor tag: Naugatucks.com What is displayed on the browser Actual URL