We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byTori Shelley
Modified over 2 years ago
Color Templates Software Engineering Module: Web UI Programming Topic: HTML TALENTSPRINT | © Copyright 2012
Color Templates TALENTSPRINT | © Copyright HTML Basics The content in this presentation is aimed at teaching learners to: Create hyperlinks that navigate to different WebPages Display data in a structured format using HTML tables
Color Templates TALENTSPRINT | © Copyright Hyper Links Use anchor tag to create a link. Text to be displayed The href attribute is used to indicate the page we are linking to. The target attribute defines where the linked document will be opened. _blank, _parent, _self, _top, frame_name can be the values of the target attribute. Text to be displayed
Color Templates TALENTSPRINT | © Copyright Hyper Links Google Pages Anchor Tag Hyperlink URL Targeting Naming
Color Templates TALENTSPRINT | © Copyright Tables An HTML table is an element comprised of rows and columns Tables are container elements, and their sole purpose is to house other HTML elements and arrange them in a tabular fashion -- row by row, column by column
Color Templates TALENTSPRINT | © Copyright Tables tag defines the table tag divides the table into rows tag divides the rows into cells A data cell can contain text, images, lists, paragraphs, forms, horizantal rules, tables, etc.
Color Templates TALENTSPRINT | © Copyright Tables A Simple Table 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
Color Templates TALENTSPRINT | © Copyright Tables Table with Border Attribute Row 1, cell 1 Row 1, cell 2 row 1, Cell 1row 1 Cell 2
Color Templates TALENTSPRINT | © Copyright Tables Table with Heading Heading Another Heading row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 HeadingAnother Heading row 1, cell 1row 1, cell 2 row 2, cell 1row 2, cell 2
Color Templates TALENTSPRINT | © Copyright Tables Cell Padding Cell Padding specifies the space between the cell wall and the cell content in pixels.
Color Templates TALENTSPRINT | © Copyright Tables Cell Spacing
Color Templates TALENTSPRINT | © Copyright Tables The width attribute can be used to define the width of a table It is defined as a fixed width in pixels irrespective of window size A relative table width is specified as a percentage of the width of the viewing window. table width Example: …. Or ….
Color Templates TALENTSPRINT | © Copyright Tables Colspan and Rowspan Table cells can span across more than one column or row - COLSPAN defines number of columns across - ROWSPAN defines number of rows down Columns Rows
Color Templates TALENTSPRINT | © Copyright Tables Colspan Example
Color Templates TALENTSPRINT | © Copyright Tables Rowspan Example
Color Templates TALENTSPRINT | © Copyright Tables Rowspan and Colspan Example
Color Templates TALENTSPRINT | © Copyright HTML Navigation and 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.
The Web Wizards Guide to HTML Chapter Six Tables.
Working with Tables for Page Design – Lesson 41 Working with Tables for Page Design Lesson 4.
1 Programming the Web: HTML Basics Computing Capilano College.
Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.
Session 3 Intermediate HTML Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5.
Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.
Frames. Provide a way to display more than 1 XHTML document at a time in the same window Introduced by Netscape, now part of HTML 4 and XHTML Good for:
HTML. 2 World Wide Web WWW is a service internet The total set of interlinked hypertext documents residing on Web servers all around the world. Documents.
Dr. Alexandra I. Cristea HTML.
Copyright © 2003 Pearson Education, Inc. Slide 6-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
Using Dreamweaver MX. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page Properties panel.
Copyright © 2003 Pearson Education, Inc. Slide 5-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
1 HTML - V Introduction to Hypertext HTML: Hypertext Markup Language Hypertext … links within and among Web documents connect one document.
Anatomy of a Web Page. Parts of a Web Page Title Bar Navigation Tool Bar Location Bar Header Graphic/Image Text Horizontal Rule Links.
HTML Basics Customizing your site using the basics of HTML.
The World Wide Web. 2 The Web is an infrastructure of distributed information combined with software that uses networks as a vehicle to exchange that.
Intro to HTML Basics HTML = Hypertext Mark-up Language HTML = Hypertext Mark-up Language HTML is a plain-text file that can be created using a text editor.
Frames. What are frames? The ability to divide the browser window into sections that can function independently of one another. Navigation within the.
Tables Feb. 14, Tables Great way to organize and display information Laid out in columns and rows Think of an excel spreadsheet Defined with tag.
Copenhagen, 6 December 2004 Modern CSS Principles Miruna Bădescu Finsiel Romania.
1 ENG224 INFORMATION TECHNOLOGY – Part I 4. Internet Programming.
/ 441 Internet Applications Ahmed M. Zeki Sem – / Chapter 4.
Introduction to HTML & CSS. What is HTML Hyper Text Markup Language It is a markup language used to create the content and semantic structure of Web pages.
Internet Programming Practicum Credits : 4 Information System Study Program 1Internet Programming Practicum Lecturers : Kurniawan, S.Kom., M.M. Module.
Chapter 8 HTML Editors Copyright © 2006 Pearson Addison-Wesley. All rights reserved. 8-2 Text Editors No single method Notepad Textpad, Notetab, and.
Introduction to Html Farhan Nisar University of Peshawar.
LIS900C: HTML structural tags Thomas Krichel and Jeremiah C. Trinidad
Copyright © 2003 Pearson Education, Inc. Slide 6-1 Created by Cheryl M. Hughes, Harvard University Extension School Cambridge, MA The Web Wizards Guide.
© 2016 SlidePlayer.com Inc. All rights reserved.