IDK0040 Võrgurakendused I harjutus 03: Lists, tables and frames Deniss Kumlander.

Slides:



Advertisements
Similar presentations
Farhan Nisar University of Peshawar
Advertisements

Table, List, Blocks, Inline Style
100 points 200 points 400 points 800 points800 points800 points800 points800 points 1600 points 3200 points.
Frames.
HyperText Markup Language (HTML). Introduction to HTML Hyper Text Markup Language HTML Example The structure of an HTML document Agenda.
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: HyperText Markup Language Hello World Welcome to the world!
HTML popo.
Multimedia and the World Wide Web HCI 201 Lecture Notes #5A.
Images, Tables, lists, blocks, layout, forms, iframes
MR.Mohammed Sharaf al Shareef
The Power of Tables They aren't just for sitting stuff on anymore...
HTML 2. What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file must have an htm or html file extension  With newer software it.
Frameset. FrameSet With frames, we can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each.
XHTML1 Topics Work with the Frameset Document Type Definition (DTD) Create frames Use the target and base attributes Create nested frames Format frames.
HTML. Creating a Table Attributes: border: indicates the border type of the table Value: 0 (no border), 1, 2, etc. cols: indicates the number of columns.
CS105 Introduction to Computer Concepts HTML
Chapter 2: The Client Side: HTML CIS 275—Web Application Development for Business I.
HTML basics exercises.
WHAT are frames? what.html are.htmlframes.html. Intro to Frames HTML frames allow you to display more than 1 HTML document in the same browser window.
FRAMES. With frames, we can display more than one HTML document in the same browser window. Each HTML document is called the same browser window. Each.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C
CHAPTER 1 HTML & HTML5 I อ. ยืนยง กันทะเนตร คณะเทคโนโลยีสารสนเทศและการสื่อสาร มหาวิทยาลัยพะเยา 1.
HTML: Tables & Frames Internet Technology1. HTML: Tables Table tags ► surround the entire table ► header row (text is boldfaced) ► surround each row ►
Getting Started with HTML Please use speaker notes for additional information!
Frame Page A Frame Page does the following: –Defines the size of each frame. –Defines how the window will be broken up – rows or columns. –Specifies which.
Chapter 12 FRAMES. HOW FRAMES WORK When you view a framed page in a browser, you are actually looking at several HTML documents at once. The key to making.
CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.
Chapter 2 XHTML: Part II The Web Warrior Guide to Web Design Technologies.
IS1824: Introduction to Internet Multimedia Lecture 5: Layout in HTML Rob Gleasure
Web Design and Development for Business Lecture 3 Hyper Text Markup Language (HTML)
HTML : Forms, Frames Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.
Organization Components (Lists, Table & Frame) Wah Yan College (Hong Kong) Mr. Li. C.P.
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
HTML (Hypertext Markup Language) – Class 3 Recap: HTML Special Characters (ex: ©). Including Images – using the tag. Lists – Ordered and Unordered.
HTML: Tables & Frames Internet Technology.
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )
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.
HTML.
HTML Frames.
CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.
HTML FRAMES With Frames, you can display more than one Web page in the same browser window.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
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 is a markup.
20-753: Fundamentals of Web Programming 1 Lecture 6: Advanced HTML Fundamentals of Web Programming Lecture 6: Advanced HTML.
Assistant Professor,UCER Naini,Allahabad
INTRODUCTORY Tutorial 9 Creating Frames. XP New Perspectives on Blended HTML, XHTML, and CSS2 Objectives Decide when to use frames for a Web site Learn.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
LINKING WEBPAGES USING HTML HYPERLINKS. Hyperlinks are text strings or images on a webpage which when clicked on, links to another section in the same.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
HTML for web designing short course. What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file must have an htm or html file extension.
01 – HTML (1) Informatics Department Parahyangan Catholic University.
1 Mansoor Ahmed Bughio. 2 HTML TABLES With HTML you can create tables. Examples Tables This example demonstrates how to create tables in an HTML document.
XHTML Introductory1 Frames Chapter 5. XHTML Introductory2 Objectives In this chapter, you will: Work with the Frameset Document Type Definition (DTD)
HTML Tables Tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the tag). td stands.
Basic Webpage Design Formatting output using Unordered List and Ordered List tag.
Client-Side Internet and Web Programming
FRAMES.
Table of Contents Creating Frames Frameset Tag and its attributes
Table of Contents Creating Frames Frameset Tag and its attributes
Table of Contents Creating Frames Frameset Tag and its attributes
HTML Tables & Frames Internet Technology.
Html.
HTML Tables & Frames Internet Technology.
Presentation transcript:

IDK0040 Võrgurakendused I harjutus 03: Lists, tables and frames Deniss Kumlander

Lists: Unordered Lists Coffee Milk Coffee Milk

Lists: Ordered Lists Coffee Milk 1.Coffee 2.Milk

Lists: Nested List Coffee Tea Black tea Green tea Milk Coffee Tea o Black tea o Green tea Milk

Lists: Advance … o 

Lists: Advance : A, B, C … : a, b, c … : I, II, III, IV … : i, ii …

Lists: Definitions lists A definition list is not a list of items. This is a list of terms and explanation of the terms. Coffee Black hot drink Milk White cold drink Coffee Black hot drink Milk White cold drink

Tables: definition Tables are defined with the tag. A table is divided into rows (with the tag),.... and each row is divided into data cells (with the tag). so the table is always a set of rows and thereafter a set of cells and is never a set of columns (except [auto]finding columns widths) The letters td stands for "table data," which is the content of a data cell. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc.

Tables row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2

Tables Heading 1 Heading 2 row 2, cell 1 row 2, cell 2 Heading 1 Heading 2 row 2, cell 1 row 2, cell 2

Tables rowspan="x", colspan="x" col 1 col 2 row 2,3 col 2 row 2, col 2 row 3, col 2

Tables Empty cell - add into the cell to have a cell similar to others border="0" bgcolor, background etc for table, td (cell) align

Frames With frames, you can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each frame is independent of the others. The tag defines how to divide the window into frames Each frameset defines a set of rows or columns The values of the rows/columns indicate the amount of screen area each row/column will occupy The tag defines what HTML document to put into each frame

Frames

Frames: mixing

Frames: Advance Inline frame: is a document inside the amin document – noresize => noresize="noresize“: makes impossible to move the frme border

Frames: noframes Your browser does not handle frames!

Links: target and frames TTU –_ top– Break out of a frame –_ blank - the target URL will open in a new window –_ self - the target URL will open in the same frame as it was clicked –_ parent - the target URL will open in the parent frameset In Links.htm: TTU