Father Agnel School, Noida Class X Ch6 HTML Part 2

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Father Agnel School, Noida Class X Ch6 HTML Part 2"

Transcription

1 HTML Images - The <img> Tag and the Src Attribute In HTML, images are defined with the <img> tag. The <img> tag is empty, which means that it contains attributes only, and has no closing tag. To display an image on a page, you need to use the src attribute. Src stands for "source". The value of the src attribute is the URL of the image you want to display. Syntax for defining an image: <img src="url" > The URL points to the location where the image is stored Example 1 <head> <title> Display Image </title> </head> <p> <b>to insert the image of the plant</b></p> <img src= c:\html\plant.gif > HTML Images - The Alt Attribute The required alt attribute specifies an alternate text for an image, if the image cannot be displayed. The value of the alt attribute is an author-defined text: <img src="smiley.gif" alt="smiley face"> The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader). HTML Images - Set Height and Width of an Image The height and width attributes are used to specify the height and width of an image. The attribute values are specified in pixels by default: <img src="smiley.gif" alt="smiley face" width="32" height="32"> Tip: It is a good practice to specify both the height and width attributes for an image. If these attributes are set, the space required for the image is reserved when the page is loaded. However, without these attributes, the browser does not know the size of the image. The effect will be that the page layout will change during loading (while the images load). Example 2 Showing Image display with alignment. <h4>image with default alignment (align="bottom"):</h4> <p>this will show image alignment bottom <img src="finger-pointing.gif" align="bottom" width="32" height="32"> This text is in continuation.</p> Similarly we can give middle, top, left, right alignment values with the align attribute. HTML Part 2 Page 1

2 HTML Hyperlinks (Links) The HTML <a> tag defines a hyperlink. A hyperlink (or link) is a word, group of words, or image that you can click on to jump to another document. When you move the cursor over a link in a Web page, the arrow will turn into a little hand. The most important attribute of the <a> element is the href (hyperlink reference) attribute, which indicates the link s destination. By default, links will appear as follows in all browsers: An unvisited link is underlined and blue A visited link is underlined and purple An active link is underlined and red HTML Link Syntax The HTML code for a link is simple. It looks like this: <a href="url">link text</a> The href attribute specifies the destination of a link. Example 3 Showing External Linking <a href=" W3Schools.com!</a> Linking can be External or Internal : The External linking links two documents i.e. upon clicking a hyperlink a new document, to which the hyperlink is linked, gets opened. The above example shows external Linking. The Internal linking on the other hand links the various sections of same document. That is upon clicking a hyperlink; a different section of the same document becomes visible in the browser window. Example 4 Showing Internal Linking <head> <title> Showing Internal Linking </title></head> I'll set a mark called <a name="sample"> <b>sample</b> </a> on this line. A paragraph following <b> Internal Linking </b>. <p> The Internal linking on the other hand links the various sections of same document. <br> That is upon clicking a hyperlink; a different section of the same document becomes visible in the browser window.<br> </p> <br> Now a <a href="#sample"> Link to that mark <i> i.e. sample </i> </a> HTML Part 2 Page 2

3 Sending from a Browser Most browsers support the mailto function, which is a convenient way to allow other users to communicate with you via . It is simple to implement: however keep in mind that it will work for most but not necessarily all users. Thus it s a good idea to have the address available as readable text as well as part of the link itself. Example 5 Showing Mail to option <head> <title> Mail to link </title></head> Send your comments to <a subject='sent from mailto example'" </a> HTML Tables Tables are defined with the <table> tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the <td> tag). td stands for "table data," and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms, other tables, etc. Example 6 Html Tables <table border="1"> <td>row 1, cell 1</td> <td>row 1, cell 2</td> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </table> <table> This tag begins of building a table <caption> This tag places caption over the table defines a row in the table <th> defines the header in the table <td> defines the table data HTML Tables and the Border Attribute If you do not specify a border attribute, the table will be displayed without borders. Sometimes this can be useful, but most of the time, we want the borders to show. To display a table with borders, specify the border attribute: HTML Part 2 Page 3

4 Example 7 Showing Table Border, border color, frames, rules attribute, align <head> <title> Html Border </title> </head> <table border="1" bordercolor="red" frame ="hsides" rules="all" align= center cellspacing="4" cellpadding="4"> <caption> HTML TABLES </caption> <th>header 1</th> <th>header 2</th> <td>row 1, cell 1</td> <td>row 1, cell 2</td> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </table> The above example will show the following output: HTML Part 2 Page 4

5 Border attribute specifies thickness of the border Bordercolor attribute specifies the color of the border Frames attribute allows you to state which portion of the attribute will render Values that can be specified with Frame attribute Above displays the top edge Below displays bottom edge only Border displays all four sides (default) Box displays all four sides (like border) Hsides displays top and bottom edges Lhs displays left edge only Rhs displays right edge only Void display no border Vsides displays left and right edges Rules attribute deals with the inside border edge Values that can be specified with Rules attribute All display all border Cols displays border between cells Groups displays border between all cell group None hides all interior border Rows display border between rows only Align attribute will give the alignment for the table Cellspacing gives the amount of space between cells Cellpadding gives the amount of space between the cell border and cell content HTML Tables and image as the Background We can set the image as the background with the table by background attribute: Example 8 Showing an image as the Background <head> <title> Html Border </title> </head> <table border="3" align=center background=school.jpg cellpadding=1 cellpadding=1 height=100 width=150 summary= Table example > <caption> HTML TABLES </caption> <th>header 1</th> <th>header 2</th> <td>row 1, cell 1</td> <td>row 1, cell 2</td> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </table> HTML Part 2 Page 5

6 The above example will show the following output: Height Width Bgcolor Summary To specify the height the table To specify the width of the cells of the table to give the background color Its output will be rendered as Table example in non- visual browser Some more attributes for,<th>and <td> Tag. All these attributes show same result with the given tags: Align Used for alignment Width for width Background for background image Bgcolor for background color Rowspan for row span Colspan for column span Valign for vertically align which can be top, middle, bottom Q1: Answer the following in short: a) Which tag is used to jump to new page? b) Which attribute of the image tag will help text to appear in the image place holder? c) For internal linking, the section names are provided by attribute of <A> tag. d) The tag that starts a table cell is. e) What tag is used to add columns to tables? f) Which tag is used to specify the beginning of table row? HTML Part 2 Page 6

7 Q2: State True or False: a) Center is valid value for the attribute align of img tag. b) Settings for <td> tag have higher priority than settings for rows tag. c) It is possible to link with the current page. d) Rowspan attribute with the Table tag is used to specify the width. e) Align and Valign are the attributes used with <td> tag to set the alignment of data in a Table. f) Border is an attribute for <A> tag. Q3: Name various types of alignment available for images. Q4: Which attribute of <a> facilitates external linking? Q5: Which attribute if <a> facilitates internal linking? 1. Write HTML code to insert a picture from the file elephant.jpg at very top of the web page. Make the word elephant appear whenever actual image couldn t be displayed. 2. Write a HTML code to make the tiger.jpg image appear on the right side of the page with the large heading Tigers of India on the left side of the page. 3. Suppose you have a large picture of a standing elephant named elephant.jpg. Now make a small named fly.jpg appear to the left of the elephant s head and mouse.jpg appear next to the elephant s right foot. 4. Write a HTML code to go to the page when you click on the text All about Me. 5. Write the code to produce the following table: 1) 2) A A B C B C D E F 3) 4) A B C D E F G H A B C D E F G H 5) A B C D E F G H HTML Part 2 Page 7

New Perspectives on Creating Web Pages with HTML. Considerations for Text and Graphical Tables. A Graphical Table. Using Fixed-Width Fonts

New Perspectives on Creating Web Pages with HTML. Considerations for Text and Graphical Tables. A Graphical Table. Using Fixed-Width Fonts A Text Table New Perspectives on Creating Web Pages with HTML This figure shows a text table. Tutorial 4: Designing a Web Page with Tables 1 2 A Graphical Table Considerations for Text and Graphical Tables

More information

Basic HTML elements: Quick Reference

Basic HTML elements: Quick Reference Basic HTML elements: Quick Reference University of Bristol Information Services document web-r4 Document Information Format Conventions The following format conventions are used in this document: Computer

More information

Web Page Design Final Exam Review Page 1 of 7

Web Page Design Final Exam Review Page 1 of 7 Web Page Design Final Exam Review Page 1 of 7 Multiple Choice--Instructions: Circle the correct response. 1. Computers and networks allow people to. a. gather data and information b. analyze data and information

More information

HTML TEST. Multiple Choice Identify the choice that best completes the statement or answers the question.

HTML TEST. Multiple Choice Identify the choice that best completes the statement or answers the question. HTML TEST Multiple Choice Identify the choice that best completes the statement or answers the question. 1. What does HTML stand for? a. Hyper Link Markup Language b. Hyper Text Markup Logics c. Hyper

More information

Introduction... 3. Designing your Common Template... 4. Designing your Shop Top Page... 6. Product Page Design... 8. Featured Products...

Introduction... 3. Designing your Common Template... 4. Designing your Shop Top Page... 6. Product Page Design... 8. Featured Products... Introduction... 3 Designing your Common Template... 4 Common Template Dimensions... 5 Designing your Shop Top Page... 6 Shop Top Page Dimensions... 7 Product Page Design... 8 Editing the Product Page layout...

More information

Introduction to XHTML. 2010, Robert K. Moniot 1

Introduction to XHTML. 2010, Robert K. Moniot 1 Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document

More information

Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis

Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis Introduction to the Hyper Text markup language (HTML) SE 101 Spiros Mancoridis What is HTML? HTML (Hyper Text Markup Language) is a language for specifying how text and graphics appear on a web page When

More information

Solutions. Ans. Ans. The NAME attribute is used to name the different sections of a Web page.

Solutions. Ans. Ans. The NAME attribute is used to name the different sections of a Web page. Chapter 6: Information Representation Method HTML-II Solutions Summative Assessment Multiple-Choice Questions (MCQs) 1. Web browsers display images in the following format: a. GIF b. XBM c. JPEG d. All

More information

HTML. A computer network is a collection of computers linked through cables or wireless means.

HTML. A computer network is a collection of computers linked through cables or wireless means. What is a computer network? HTML A computer network is a collection of computers linked through cables or wireless means. What is Internet? Internet is a network of computers of different sizes and configurations

More information

Short notes on webpage programming languages

Short notes on webpage programming languages Short notes on webpage programming languages What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of

More information

Content Designing using HTML (Images and Tables)

Content Designing using HTML (Images and Tables) 1. Introduction Images are just as important as links. People like to see pretty pictures, and often tend to wait longer for the graphics to load than to look at plain text. Images, though, can have many

More information

HTML Lesson 7. Your assignment:

HTML Lesson 7. Your assignment: HTML Lesson 7 Tables are one of the biggest tools Web developers use to present data wherever they want data to go on the page. Like spreadsheets, rows go across (left to right) and columns go up and down.

More information

Caldes CM12: Content Management Software Introduction v1.9

Caldes CM12: Content Management Software Introduction v1.9 Caldes CM12: Content Management Software Introduction v1.9 Enterprise Version: If you are using Express, please contact us. Background Information This manual assumes that you have some basic knowledge

More information

Introduction to Web Design Curriculum Sample

Introduction to Web Design Curriculum Sample Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic

More information

CSE 3. Marking Up with HTML. Tags for Bold, Italic, and underline. Structuring Documents. An HTML Web Page File

CSE 3. Marking Up with HTML. Tags for Bold, Italic, and underline. Structuring Documents. An HTML Web Page File CSE 3 Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware Chapter 4: Marking Up With HTML: A Hypertext Markup Language Primer Fluency with Information Technology Third

More information

Brief Guide to HTML Tags

Brief Guide to HTML Tags CS100 Spring 2007 Brief Guide to HTML Tags HTML pages consist of text content and embedded tags that describe how that content should look in a browser window. All tags are enclosed in angle brackets

More information

About webpage creation

About webpage creation About webpage creation Introduction HTML stands for HyperText Markup Language. It is the predominant markup language for Web=ages. > markup language is a modern system for annota?ng a text in a way that

More information

HT H ML B as a ics c 1

HT H ML B as a ics c 1 HTML Basics 1 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 language A markup language is a set

More information

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages

More information

Using econtentmanager s ewebeditpro Editor

Using econtentmanager s ewebeditpro Editor Using econtentmanager s ewebeditpro Editor econtentmanager comes with its own content editor, called ewebeditpro. With ewebeditpro, you can add and modify your page content with WYSIWYG ease-of-use. The

More information

HTML Notes. How HTML is structured. Sections of an HTML Document. Paired tags. Tag attributes. Page attributes

HTML Notes. How HTML is structured. Sections of an HTML Document. Paired tags. Tag attributes. Page attributes HTML Notes How HTML is structured HTML consists of standard ASCI (American Standard Character Interchange) text surrounded by html tags. Tags are instructions which tell a web browser how to display a

More information

Below is the toolbar for the Rich Text Editor on the SharePoint Portal.

Below is the toolbar for the Rich Text Editor on the SharePoint Portal. Rich Text Editor Below is the toolbar for the Rich Text Editor on the SharePoint Portal. You will find instructions for using each of these functions on the following pages. 1. Cut 2. Copy 3. Paste 4.

More information

Basic HTML. Part 1: Basic Web Page Production. Basic Web page creation. Basic HTML tags. Heading tags. By Kathy Schrock

Basic HTML. Part 1: Basic Web Page Production. Basic Web page creation. Basic HTML tags. Heading tags. By Kathy Schrock Basic HTML Part 1: Basic Web Page Production By Kathy Schrock 1 2 Basic Web page creation Basic HTML tags Basic HTML tags Heading tags Paragraph and break tags Text alignment Background color Text color

More information

Creating HTML authored webpages using a text editor

Creating HTML authored webpages using a text editor GRC 175 Assignment 1 Creating HTML authored webpages using a text editor Tasks: 1. Acquire web host space with ad free provider 2. Create an index webpage (index.html) 3. Create a class management webpage

More information

Foundation of Information Technology (Code No: 165) Sample Question Paper II Summative Assessment - Term II. Max Time: 3 hours Max Marks: 90 SECTION A

Foundation of Information Technology (Code No: 165) Sample Question Paper II Summative Assessment - Term II. Max Time: 3 hours Max Marks: 90 SECTION A Foundation of Information Technology (Code No: 165) Sample Question Paper II Summative Assessment - Term II Class X (2015-16) Max Time: 3 hours Max Marks: 90 SECTION A Q1) Fill in the blanks: [10] i) TR

More information

Website 101. Yani Ivanov. Student Assistant / Web Administrator

Website 101. Yani Ivanov. Student Assistant / Web Administrator Website 101 Yani Ivanov Student Assistant / Web Administrator Information Technology for Environmental Research Area of the Hawai`i NSF EPSCoR Program Covered Topics Introduction to HTML What is it and

More information

Web Development 1 A4 Project Description Web Architecture

Web Development 1 A4 Project Description Web Architecture Web Development 1 Introduction to A4, Architecture, Core Technologies A4 Project Description 2 Web Architecture 3 Web Service Web Service Web Service Browser Javascript Database Javascript Other Stuff:

More information

Urban Planet Website Content Management System. Step-by-Step Instructions

Urban Planet Website Content Management System. Step-by-Step Instructions Urban Planet Website Content Management System Step-by-Step Instructions For steps with pictures, videos, version bugs, integration ideas, and more see http://uphelp.spps.org Department of Educational

More information

Taking your HTML Emails to the Next Level. Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College

Taking your HTML Emails to the Next Level. Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College Taking your HTML Emails to the Next Level Presented by: Joey Trogdon, Asst. Director of Financial Aid & Veterans Affairs Randolph Community College Purpose This past spring, the NCCCS delivered a financial

More information

Lesson Review Answers

Lesson Review Answers Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.

More information

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.

More information

HTML TIPS FOR DESIGNING

HTML TIPS FOR DESIGNING This is the first column. Look at me, I m the second column.

More information

Lecture 9 HTML Lists & Tables (Web Development Lecture 3)

Lecture 9 HTML Lists & Tables (Web Development Lecture 3) Lecture 9 HTML Lists & Tables (Web Development Lecture 3) Today is our 3 rd Web Dev lecture During our 2 nd lecture on Web dev 1. We learnt to develop our own Web pages in HTML 2. We learnt about some

More information

FOUNDATION OF INFORMATION TECHNOLOGY Class-X (TERM II)

FOUNDATION OF INFORMATION TECHNOLOGY Class-X (TERM II) Sample Question Paper FOUNDATION OF INFORMATION TECHNOLOGY Class-X (TERM II) TIME : 3 Hrs MM : 80. SECTION A 1. Fill in the blanks: [10] 1.1 is the extension of an XML file. 1.2 attribute is used with

More information

Table of Contents Find out more about NewZapp

Table of Contents Find out more about NewZapp Table of Contents Why is email display an issue in email marketing?... 2 Expert Email Design... 3 Desktop PC and Apple Mac email applications... 4 Web and mobile device email readers... 5 Creating your

More information

Quick Guide for Dreamweaver CC Basics April 2016 Training:

Quick Guide for Dreamweaver CC Basics April 2016 Training: Dreamweaver CC Basics When you look at a web page, you might wonder how it is made. To display a web page, your internet browser reads and interprets a special set of instructions. These instructions are

More information

Advanced Drupal Features and Techniques

Advanced Drupal Features and Techniques Advanced Drupal Features and Techniques Mount Holyoke College Office of Communications and Marketing 04/2/15 This MHC Drupal Manual contains proprietary information. It is the express property of Mount

More information

Advanced HTML Authoring Using Tables

Advanced HTML Authoring Using Tables INFORMATION SYSTEMS SERVICES Advanced HTML Authoring Using Tables This tutorial workbook contains a series of exercises on creating tables in HTML documents using Macromedia Dreamweaver MX. AUTHOR: Information

More information

Coding HTML Email: Tips, Tricks and Best Practices

Coding HTML Email: Tips, Tricks and Best Practices Before you begin reading PRINT the report out on paper. I assure you that you ll receive much more benefit from studying over the information, rather than simply browsing through it on your computer screen.

More information

How to Create an HTML Page

How to Create an HTML Page This is a step-by-step guide for creating a sample webpage. Once you have the page set up, you can add and customize your content using the various tags. To work on your webpage, you will need to access

More information

HTML CREATOR. HTML Creator

HTML CREATOR. HTML Creator HTML CREATOR The HTML Creator is an HTML editing tool that allows you to create content in HTML without having to enter HTML tags. Similar to a word processor, you can easily create and maintain content

More information

An Attribute is a special word used inside tag to specify additional information to tag such as color, alignment etc.

An Attribute is a special word used inside tag to specify additional information to tag such as color, alignment etc. CHAPTER 10 HTML-I BASIC HTML ELEMENTS HTML (Hyper Text Markup Language) is a document-layout and hyperlink-specification language i.e., a language used to design the layout of a document and to specify

More information

Web Editing Basics 2: Reference

Web Editing Basics 2: Reference Web Editing Basics 2: Reference We will be using the sample pages as a reference point for this training. They can be found on the Web Policy site: http://www.umkc.edu/web-policy/downloads.asp TOPICS 1.

More information

Making Content Editable. Create re-usable email templates with total control over the sections you can (and more importantly can't) change.

Making Content Editable. Create re-usable email templates with total control over the sections you can (and more importantly can't) change. Making Content Editable Create re-usable email templates with total control over the sections you can (and more importantly can't) change. Single Line Outputs a string you can modify in the

More information

Joomla Article Advanced Topics: Table Layouts

Joomla Article Advanced Topics: Table Layouts Joomla Article Advanced Topics: Table Layouts An HTML Table allows you to arrange data text, images, links, etc., into rows and columns of cells. If you are familiar with spreadsheets, you will understand

More information

Creating your personal website. Installing necessary programs Creating a website Publishing a website

Creating your personal website. Installing necessary programs Creating a website Publishing a website Creating your personal website Installing necessary programs Creating a website Publishing a website The objective of these instructions is to aid in the production of a personal website published on

More information

WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012)

WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012) WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012) BY MISS. SAVITHA R LECTURER INFORMATION SCIENCE DEPTATMENT GOVERNMENT POLYTECHNIC GULBARGA FOR ANY FEEDBACK CONTACT TO EMAIL:

More information

HTML Table and Frames

HTML Table and Frames HTML Table and Frames A Table is... A grid that assists in organizing and displaying data A Table is Composed of... Rows (horizontal) Cells (boxes) Columns (vertical) Common Table Tags and

More information

HTML Tables. IT 3203 Introduction to Web Development

HTML Tables. IT 3203 Introduction to Web Development IT 3203 Introduction to Web Development Tables and Forms September 3 HTML Tables Tables are your friend: Data in rows and columns Positioning of information (But you should use style sheets for this) Slicing

More information

Umbraco v4 Editors Manual

Umbraco v4 Editors Manual Umbraco v4 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...

More information

ADOBE Dreamweaver CS3 Basics

ADOBE Dreamweaver CS3 Basics ADOBE Dreamweaver CS3 Basics IT Center Training Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu This page intentionally left blank 2 8/27/2008 Contents Before you start with Dreamweaver....

More information

Tutorial 5. Working with Web Tables

Tutorial 5. Working with Web Tables Tutorial 5 Working with Web Tables Objectives Explore the structure of a Web table Create headings and cells in a table Create cells that span multiple rows and columns Create row and column groups Add

More information

Tagging an Existing PDF in Adobe Acrobat 8

Tagging an Existing PDF in Adobe Acrobat 8 Tagging an Existing PDF in Adobe Acrobat 8 Adobe Acrobat 8 allows for elements of a document to be tagged according to their purpose. These tags are not displayed in the document, but they are used by

More information

Task 2.1 Add a timetable to your web site

Task 2.1 Add a timetable to your web site Task 2.1 Add a timetable to your web site Objective: To learn how to use tables, style them with CSS and differentiate between absolute and relative hyperlinks. Duration: 50 minutes Pre-requisite tasks:

More information

Atable is an orderly arrangement of data distributed across a grid of rows and

Atable is an orderly arrangement of data distributed across a grid of rows and 7 Tables and Layout Atable is an orderly arrangement of data distributed across a grid of rows and columns similar to a spreadsheet. In printed documents, tables commonly serve a subordinate function,

More information

Email Campaign Guidelines and Best Practices

Email Campaign Guidelines and Best Practices epromo Guidelines HTML Maximum width 700px (length = N/A) Maximum total file size, including all images = 200KB Only use inline CSS, no stylesheets Use tables, rather than layout Use more TEXT instead

More information

Images, Subscripts and Superscripts

Images, Subscripts and Superscripts Chapter 11 3 Images, Subscripts and Superscripts A. Multiple choice questions: 1. The tag is used to insert image in a page. a. IMG b. IMAGE c. PIC d. GRAPHICS Ans. a. IMG 2. The attribute of the IMG tag

More information

07 Forms. 1 About Forms. 2 The FORM Tag. 1.1 Form Handlers

07 Forms. 1 About Forms. 2 The FORM Tag. 1.1 Form Handlers 1 About Forms For a website to be successful, it is important to be able to get feedback from visitors to your site. This could be a request for information, general comments on your site or even a product

More information

ADOBE DREAMWEAVER CS3 TUTORIAL

ADOBE DREAMWEAVER CS3 TUTORIAL ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO

More information

In this chapter, you will learn how to...

In this chapter, you will learn how to... LEARNING OUTCOMES In this chapter, you will learn how to... Create a table on a web page Apply attributes to format tables, table rows, and table cells Increase the accessibility of a table Style an HTML

More information

Creating Tables in a Web Site Using an External Style Sheet

Creating Tables in a Web Site Using an External Style Sheet HTML 4 Creating Tables in a Web Site Using an External Style Sheet Photo Courtesy of Sabath Mullet Photo Courtesy of Sabath Mullet Objectives You will have mastered the material in this chapter when you

More information

ICE: HTML, CSS, and Validation

ICE: HTML, CSS, and Validation ICE: HTML, CSS, and Validation Formatting a Recipe NAME: Overview Today you will be given an existing HTML page that already has significant content, in this case, a recipe. Your tasks are to: mark it

More information

<html> and </html> are the opening and closing tags of the webpage and text in between it describes the webpage.

<html> and </html> are the opening and closing tags of the webpage and text in between it describes the webpage. The Church of Crockford HTML Basic Syntax Dictionary What is HTML? HTML is a language used to design and also describe webpages HTML stands for Hyper Text Markup Language HTML is not a programming language

More information

8 STEPS TO CODE KILLER RESPONSIVE EMAILS

8 STEPS TO CODE KILLER RESPONSIVE EMAILS 8 STEPS TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 BUILD RESPONSIVE EMAIL STEP BY STEP Steps to create a simple responsive email template. (fluid image, main content, two

More information

Creating Web Pages with Microsoft FrontPage

Creating Web Pages with Microsoft FrontPage Creating Web Pages with Microsoft FrontPage 1. Page Properties 1.1 Basic page information Choose File Properties. Type the name of the Title of the page, for example Template. And then click OK. Short

More information

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9. Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format

More information

SharePoint Basic Editing. Text. Creating List

SharePoint Basic Editing. Text. Creating List Text Putting Text on the Page 1. Entering text on the web page is just like typing in a word processing document. Lines will wrap within a paragraph. 2. Enter = Paragraph Break (leaves a blank line) 3.

More information

CHAPTER 10. When you complete this chapter, you will be able to:

CHAPTER 10. When you complete this chapter, you will be able to: Data Tables CHAPTER 10 When you complete this chapter, you will be able to: Use table elements Use table headers and footers Group columns Style table borders Apply padding, margins, and fl oats to tables

More information

Contents. Downloading the Data Files... 2. Centering Page Elements... 6

Contents. Downloading the Data Files... 2. Centering Page Elements... 6 Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...

More information

HTML Tags (tutorial 1):

HTML Tags (tutorial 1): HTML Tags (tutorial 1): At the end of this tutorial, you should know the html tags for a template, a paragraph, different headers, lists, and tables. Starting Out: Open your template file. Save it under

More information

BlueHornet Whitepaper

BlueHornet Whitepaper BlueHornet Whitepaper Best Practices for HTML Email Rendering BlueHornet.com Page Page 1 1 2007 Inc. A wholly owned subsidiary of Digital River, Inc. (619) 295-1856 2150 W. Washington Street #110 San Diego,

More information

HTML Overview. With an emphasis on XHTML

HTML Overview. With an emphasis on XHTML HTML Overview With an emphasis on XHTML What is HTML? Stands for HyperText Markup Language A client-side technology (i.e. runs on a user s computer) HTML has a specific set of tags that allow: the structure

More information

HTML Basics(w3schools.com, 2013)

HTML Basics(w3schools.com, 2013) HTML Basics(w3schools.com, 2013) What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language. HTML is a markup language A markup language is a set of markup tags.

More information

Web Site Construction I: HTML for Structure

Web Site Construction I: HTML for Structure Web Site Construction I: HTML for Structure David Gerbing School of Business Administration Portland State University Table of Contents Typeface Conventions... 3 SECTION I STRUCTURE THE WEB PAGE WITH HTML...

More information

HTML, CSS, XML, and XSL

HTML, CSS, XML, and XSL APPENDIX C HTML, CSS, XML, and XSL T his appendix is a very brief introduction to two markup languages and their style counterparts. The appendix is intended to give a high-level introduction to these

More information

SOCS Javascript Editor

SOCS Javascript Editor Javascript Editor Tool Bar and Buttons Insert Article Redirect Use the Article Redirect icon when you want a Section to redirect to another website, to a webpage or file within your site. The article containing

More information

Web page design in 7 days!

Web page design in 7 days! Learnem Group presents: Web page design in 7 days! Lessons 1-7 By: Siamak Sarmady Start Here Copyright Notice : 2000,2001 Siamak Sarmady and Learnem Group. All rights reserved. This text is written to

More information

Item Authoring Tool PDF Tables

Item Authoring Tool PDF Tables Item Authoring Tool PDF Tables The PDF engine supports tables in all areas of a printed test (questions, responses, passages, answers, other tables, etc.). The supported functionality is as close to HTML

More information

Populating and Maintaining your eservice Center Knowledge Base

Populating and Maintaining your eservice Center Knowledge Base Populating and Maintaining your eservice Center Knowledge Base Table of Contents Populating and Maintaining the eservice Center Knowledge Base...2 Key Terms...2 Setting up the Knowledge Base...3 Consider

More information

Educational Technology Department IT Master Plan Training Modules. Notes for Internet (Web Design & Publishing)

Educational Technology Department IT Master Plan Training Modules. Notes for Internet (Web Design & Publishing) Educational Technology Department IT Master Plan Training Modules Notes for Internet (Web Design & Publishing) 1 (1) Web Design and Layout Guide Interface Design - For maximum functionality and legibility,

More information

Formatting Text in Blackboard

Formatting Text in Blackboard Formatting Text in Blackboard If you want to spice up your blackboard announcements with different color of the text, bolded text, italicized text, lists, tables and images you can do so by typing HTML

More information

HOW TO CREATE AND SEND AN EXACTTARGET TEMPLATE-BASED EMAIL

HOW TO CREATE AND SEND AN EXACTTARGET TEMPLATE-BASED EMAIL HOW TO CREATE AND SEND AN EXACTTARGET TEMPLATE-BASED EMAIL *For questions or requests for a custom template build, please contact the D2C Marketing Services Team at D2CMarketingServices@wmg.com Contents

More information

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: + 353

More information

Microsoft FrontPage 2003

Microsoft FrontPage 2003 Information Technology Services Kennesaw State University Microsoft FrontPage 2003 Information Technology Services Microsoft FrontPage Table of Contents Information Technology Services...1 Kennesaw State

More information

HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout

HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES HTML5 and CSS3 Part 1: Using HTML and CSS to Create a Website Layout Fall 2011, Version 1.0 Table of Contents Introduction...3 Downloading

More information

Creating Personal Web Sites Using SharePoint Designer 2007

Creating Personal Web Sites Using SharePoint Designer 2007 Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare

More information

Creating a Resume Webpage with

Creating a Resume Webpage with Creating a Resume Webpage with 6 Cascading Style Sheet Code In this chapter, we will learn the following to World Class CAD standards: Using a Storyboard to Create a Resume Webpage Starting a HTML Resume

More information

HTML Forms and CONTROLS

HTML Forms and CONTROLS HTML Forms and CONTROLS Web forms also called Fill-out Forms, let a user return information to a web server for some action. The processing of incoming data is handled by a script or program written in

More information

CS412 Interactive Lab Creating a Simple Web Form

CS412 Interactive Lab Creating a Simple Web Form CS412 Interactive Lab Creating a Simple Web Form Introduction In this laboratory, we will create a simple web form using HTML. You have seen several examples of HTML pages and forms as you have worked

More information

Editing the Main Template Using Microsoft Front Page

Editing the Main Template Using Microsoft Front Page Editing the Main Template Using Microsoft Front Page This is the Solutions for Your Life main template. Below you will find information on how to edit each section. The first thing to realize about Front

More information

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1 Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 1 The demand for Web Development skills is at an all time high due to the growing demand for businesses and individuals to

More information

Chapter 3: The Schoolwires Editor

Chapter 3: The Schoolwires Editor : By the end of this chapter you will be able to: Insert and format text. Insert and format images. Insert and format tables. Insert links. Use ActiveBlocks to enhance your pages. Introduction to the Schoolwires

More information

Cisco Adaptive Security Appliance (ASA) Web VPN Portal Customization: Solution Brief

Cisco Adaptive Security Appliance (ASA) Web VPN Portal Customization: Solution Brief Guide Cisco Adaptive Security Appliance (ASA) Web VPN Portal Customization: Solution Brief Author: Ashur Kanoon August 2012 For further information, questions and comments please contact ccbu-pricing@cisco.com

More information

Website Planning Checklist

Website Planning Checklist Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even

More information

04 Links & Images. 1 The Anchor Tag. 1.1 Hyperlinks

04 Links & Images. 1 The Anchor Tag. 1.1 Hyperlinks One of the greatest strengths of Hypertext Markup Language is hypertext the ability to link documents together. The World Wide Web itself consists of millions of html documents all linked together via

More information

Creating and Editing a Web Page. Chapter 2 HTML

Creating and Editing a Web Page. Chapter 2 HTML Creating and Editing a Web Page Chapter 2 HTML Chapter Objectives Identify elements of a Web page Start Notepad and describe the Notepad window Enable word wrap in Notepad Enter the HTML tags Enter a centered

More information

HTML & XHTML Tag Quick Reference

HTML & XHTML Tag Quick Reference HTML & XHTML Tag Quick Reference Interactive Media Center This reference notes some of the most commonly used HTML and XHTML tags. It is not, nor is it intended to be, a comprehensive list of available

More information

Understanding the Advanced Template Editor

Understanding the Advanced Template Editor Quick Start Guide to: Understanding the Advanced Template Editor The basic template editor in Swiftpage is used to create templates that began as imported templates or global advanced templates. (One function

More information

7 th Grade Web Design Name: Project 1 Rubric Personal Web Page

7 th Grade Web Design Name: Project 1 Rubric Personal Web Page 7 th Grade Web Design Name: Project 1 Rubric Personal Web Page Date: Grade : 100 points total A+ 100-96 Challenge Assignment A 95-90 B 89-80 C 79-70 D 69-60 Goals You will be creating a personal web page

More information

How to Create a Mobile Responsive Template in ExactTarget

How to Create a Mobile Responsive Template in ExactTarget How to Create a Mobile Responsive Template in ExactTarget This manual contains the following: Section 1: How to create a new mobile responsive template for a Business Unit/Artist Section 2: How to adjust

More information