Introduction to XHTML. 2010, Robert K. Moniot 1

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Introduction to XHTML. 2010, Robert K. Moniot 1"

Transcription

1 Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1

2 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document structure Including images in a document Inserting hyperlinks for navigation Making lists and tables Creating forms for user input Including meta information for search engines to use 2010, Robert K. Moniot 2

3 HTML Hyper-Text Markup Language: g the foundation of the World-Wide Web Design goals: Platform independence: pages can be viewed using a variety of different computers and browsers. Universality: servers can store information in their own data formats, but convert it to HTML for access by browsers. Convenient linking from one page to another (hypertext). HTML conveys the structure of the document, not its precise appearance, allowing for varying display capabilities. Openness (not proprietary) was key to the adoption of HTML and growth of the Web 2010, Robert K. Moniot 3

4 XHTML Extensible HTML Based on HTML, but stricter: must be valid XML Adds extensibility for future purposes Improves interoperability with other data formats and user agents Allows only document's content and structure, not style, to be specified Formatting is specified with Cascading Style Sheets (CSS) Designed to facilitate Semantic Web HTML still accepted by browsers Use validators to make sure your XHTML is standard Properly written, XHTML is acceptable to all browsers 2010, Robert K. Moniot 4

5 Basic form of XHTML An XHTML document is all plain text (no binary formatting codes). The contents can be divided into two categories: Content: material which the user sees when visiting the page Meta-information: information about the document: its structure, formatting, etc. Meta-information is distinguished from content by using tags. A tag is a tag-name enclosed in angle brackets. Tags usually come in pairs: an opening tag and a closing tag, which is the same tag-name preceded by a slash. <tag-name>content affected by tag</tag-name> 2010, Robert K. Moniot 5

6 Nesting of tags Opening and closing tags define regions affected by the tags. These regions must nest, not overlap. Yes: <tag1>some text <tag2>more text</tag2> and more.</tag1> No: <tag1>some text <tag2>more text</tag1> and more.</tag2> 2010, Robert K. Moniot 6

7 Rules about Tags Not all tags need closing tag For some tags, a closing tag is optional in HTML: <p> paragraph. Implies closing of previous paragraph tag. For these, closing tag mandatory in XHTML. For some tags, a closing tag is never used: <br /> line break. Marks a location, not a region. For these, XHTML mandates / before closing >. Tag names are case-insensitive in HTML <br> and <BR> and <Br> are all equivalent XHTML mandates lower-case only. 2010, Robert K. Moniot 7

8 Rules about Tags, cont d Unknown tags are ignored. This rule allows new tags to be introduced into later XHTML standards without causing problems for older browsers. But it also means you need to be careful to spell tag names correctly! 2010, Robert K. Moniot 8

9 Tags with attributes Some tags can be qualified by attributes that provide needed additional information or change the default properties of the tag. Attributes t are specified within the angle brackets following the opening tag name. (Attributes are never listed in a closing tag.) <tag-name attribute="value" attribute="value">content text</tag-name> 2010, Robert K. Moniot 9

10 Tags for Document Type These tags were not in original HTML standard: introduced in XHML. XML version tag <?xml version="1.0" encoding="utf-8"?> Document Type Definition (DTD) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " (These can be cut and pasted from examples on Web. Don t try to type them in by hand!) 2010, Robert K. Moniot 10

11 Tags for Document Structure Some tags specify the overall structure of the document <html>... </html> encloses the entire document <head>... </head> encloses the head portion of the document. Everything in the head portion is meta-information, not content. <body>... </body> encloses the body portion of the document. The body portion contains the document's content. Example 1 (ignore the other tags for now) 2010, Robert K. Moniot 11

12 Tags for Document Head <title>document title</title> -Specifies the title that appears in the title-bar of the browser (not in the content area). This tag is optional but should always be included to assist the user in navigating the browser's s history list. <meta name="keywords" content="word, phrase, etc" /> - Specifies keywords to assist indexing of the page by search engines. Other head tags will be discussed later. 2010, Robert K. Moniot 12

13 Tags for Document Body Heading tags <h1>main heading</h1> - Formats the enclosed text as a prominent large, bold heading. <h2>sub-heading</h2> heading</h2> - Formats the enclosed text as a large, bold heading but not as prominent as for <h1>. <h3>sub-sub heading</h3> - Formats the enclosed text as an even less prominent heading.... (levels 4 and 5 of decreasing prominence) <h6>minor heading</h6> - Formats the enclosed text as a minor heading, only slightly more prominent than ordinary text. Example , Robert K. Moniot 13

14 Organizational Tags Paragraphs and Layout <p> - start of a new paragraph. The closing </p> tag is optional in HTML but required in XHTML. <br /> - line break. Use this where the extra line spacing of a paragraph tag is not desirable, as in an address. Never takes a closing tag. <center>centered text</center> - (deprecated) changes justification of enclosed text (normally left-justified) to centered. <blockquote>quoted text</blockquote> - for large blocks of quoted material. <pre>preformatted text</pre> - use this to present a block of text exactly as typed in the document, for instance to show an interactive session with a computer. Example , Robert K. Moniot 14

15 Tags for Style Explicit style tags <b>boldfaced text</b> <i>italicized text</i> <u>underlined text</u> (deprecated) <tt>typewriter-font text</tt> Logical style tags <strong>prominent text</strong> - usually bold <em>emphasized text</em> - usually italics <cite>cited text</cite> - usually italicized <code>computer code</code> - usually in typewriter font Example , Robert K. Moniot 15

16 Tags for Style The <font> tag. In the early days of web design, this tag was introduced to allow the web programmer to control the font family, typeface, color, etc. This tag is now deprecated. Style sheets provide much better control over style and compatibility. However, many web pages still use this tag for simple effects such as text size and color. Example: <font size="+1" color="red">large, red text</font> 2010, Robert K. Moniot 16

17 Special characters Some characters such as angle brackets are reserved for special meanings in XHTML. Others are not available on many keyboards. These characters can be put into content using codes between ampersand and semicolon: < - the less-than symbol < (left angle bracket) > - the greater-than symbol > (right angle bracket) & - the ampersand sign & - the copyright symbol Many more are defined. Note that unlike tags, these codes are case-sensitive in HTML. 2010, Robert K. Moniot 17

18 Hypertext Links Hypertext links connect one document to another. A link has two components: the link text, which the user sees to click on, and the link target, which is the location to which the browser is directed when the link is clicked. Form of a hypertext link: <a href="target.html">link text</a> 2010, Robert K. Moniot 18

19 Hypertext Links The link target, or href (hypertext reference) is in the form of a URL: Uniform Resource Locator. A URL has 3 components, not all of which need to be supplied in every reference: A protocol An Internet address (either name or IP number) A file path Example: , Robert K. Moniot 19

20 URL protocol The protocol portion of a URL specifies the way that the web browser will interact with the server to obtain the resource. Protocols supported by most browsers include: http - Hypertext Transport Protocol (the default) https - Secure HTTP (used to exchange confidential information such as credit card numbers) ftp - File Transfer Protocol, used on some servers that host downloadable materials file - for URLs that are files on the same computer where the browser is running mailto for addresses 2010, Robert K. Moniot 20

21 URL address The Internet address portion of a URL can be either a name, e.g. or a number, e.g If omitted, the address of the URL in the href is taken to be the same as the address in the URL of the document containing the link. Thus if the address is omitted from a link in a web page, the link refers to a document on the same server that served that page. A URL without an address portion can be either absolute or relative, as explained next. 2010, Robert K. Moniot 21

22 URL file path The file path portion of a URL optionally specifies the chain of directories (folders) in which the document is located, and the name of the file itself. The directory names in the chain are separated by slash characters. If the file name portion of the path is omitted, then it defaults to a value that is defined by the server, typically index.html. Example: the URL / / / lacks a file name, and so it might be equivalent to place com/shopping/fr it/inde html 2010, Robert K. Moniot 22

23 Relative URLs If a URL omits the Internet address portion, then the file path portion can be either relative or absolute. An absolute file path begins with a slash; a relative one does not. In both cases, the Internet address portion is supplied by that of the referencing document. For a relative reference, the chain of directories is also supplied by that of the referencing document. <a href="/somepage.html">absolute link</a> <a href="somepage.html">relative html">relati e link</a> 2010, Robert K. Moniot 23

24 Relative URLs A relative file path can also specify directories. In this case the chain starts in the same directory as the referencing page. Use../ to indicate the parent directory. Link referencing a file in a subdirectory of the current page's directory <a href="assets/somepage.html">relative link</a> Link referencing a file in a sibling directory of the current page's directory <a href="../assets/somepage.html">relative link</a> 2010, Robert K. Moniot 24

25 Absolute URLs In an absolute file path, the chain of directories starts at the top of the URL space of the server. Absolute link referencing the top-level l home page of a specified server <a href=" link</a> Absolute link referencing a file in the shopping directory of the top level of the web server containing the referencing page <a href="/shopping/somepage.html">absolute link</a> 2010, Robert K. Moniot 25

26 Images Use the <img> tag to include an image in a page. This tag allows some attributes that specify the size of the image, and alternative text that can be used in place of the image. The tag must include a src attribute specifying a URL that gives the location of the image. Example: <img src="myface.jpg" height="256" width="300" alt="picture of me" /> 2010, Robert K. Moniot 26

27 Images The image size specification via length and width attributes of the <img> tag can be used to resize the image, but this is not recommended. Rather, the best use of these attributes is to tell the browser how big the image is, so that it can allow the right amount of space in the rendering of the page before it has downloaded the image. The alternative text given by alt can be displayed by the browser while the image is loading or by browsers that suppress images. Some browsers will pop up a balloon with this text when the mouse hovers over the image. This text can also be read aloud by browsers designed for the blind. 2010, Robert K. Moniot 27

28 List types: Lists <ol> - Ordered list: each item is numbered. Use the type attribute (deprecated) to obtain letters or roman numerals: the value of the attribute is simply what the item label should look like. Possibilities for type are 1, a, A, i, I <ul> - Unordered list: each item is marked with a bullet. <dl> - Definition list: the head of each item is a word or phrase, and the rest is a description. For <ol> and <ul>, list items are started by <li> (closing tag optional in HTML). For <dl>, the head word is marked by <dt> and the description by <dd> (closing tags optional in HTML). Example , Robert K. Moniot 28

29 Other XHTML tags Superscripts p and subscripts: enclose text in <sup>...</sup> or <sub>...</sub> tags. Horizontal rule (line): use <hr />. It always appears on a line by itself. This tag takes an optional attribute t width (deprecated) such as <hr width="50% /> to control how far across the page it extends. Strikethrough text: enclose in <del>...</del> tags. Comments: these consist of any text enclosed within <! >. Their purpose is to enlighten the web programmer reading the XHTML. They do not appear in the rendered page. Example , Robert K. Moniot 29

30 Tables The W3C says: Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables. Be aware that not all your visitors will use the same hardware or software to view the page. 2010, Robert K. Moniot 30

31 Defining Tables A table organizes content into a grid of horizontal rows and vertical columns. The table area is enclosed in <table>... </table> A table row is started with <tr> (closing tag optional). Within each row, a table column item is started with <td> (closing tag optional). Use <th> instead for column headings. Use align attribute (values left, right, center) to align text within a cell. Example , Robert K. Moniot 31

32 Table attributes summary="text" provides a description of the table's purpose and structure for non-visual agents (e.g. speech) width="length" th" specifies width of table. Length can be a percentage of the width of the window, or an absolute length in pixels. 2010, Robert K. Moniot 32

33 Table attributes, cont'd border="pixels" specifies width of frame drawn around table. Setting it to 0 suppresses the frame. cellspacing ="pixels" specifies spacing between cells (above, below, and to either side) cellpadding ="space" specifies spacing between the boundary of a cell and its contents. Here space can either be a number in pixels, or a percentage of the cell size. 2010, Robert K. Moniot 33

34 Elements within Table Caption: specifies a caption to appear with the table. Allows an optional attribute align to specify where the caption appears relative to the table. The align position can be one of: top bottom left right <caption align="position">this is the caption</caption> 2010, Robert K. Moniot 34

35 Cells that Span Rows, Columns A single cell can span multiple columns or multiple rows. This is achieved using the rowspan and colspan attributes of the <th> or <td> element. Example: <td colspan="2">this cell spans two columns</td> Example: <td rowspan="2">this cell spans two rows</td> You can also use the nowrap attribute to control automatic wrapping of text within a cell. Normally wrapping is good in order to prevent a cell from becoming too wide. 2010, Robert K. Moniot 35

36 Elements within Tables Row groups: these allow you to structure portions of the table into head, body, and foot. <thead>... </thead> encloses rows in head of table. <tfoot>... </tfoot> encloses rows in foot of table. <tbody>... </tbody> encloses rows in body of table. Note that <tfoot> must come before <tbody> so that the browser can scroll the body independently d of head and foot, or repeat head and foot on multi-page printout. Multiple <tbody> elements are allowed, in order to divide the body into groups of rows. The browser may put extra space or other indication of the separation between these groups. The closing tags are optional in HTML. 2010, Robert K. Moniot 36

37 Elements within Tables Column groups: these allow you to specify width of columns in the table. Form: <colgroup> <col width="width" span="cols" />... </colgroup> width can be a number of pixels or a percentage of the table width. cols is the number of columns sharing the same attributes. HTML standard also allows align attribute but Firefox ignores it. 2010, Robert K. Moniot 37

38 Customizing Tables Use colspan and rowspan attributes of <th> or <td> tag to span multiple rows, columns, e.g. <td colspan="3">multi-column cell</td> Use valign attribute of <th> or <td> tag for vertical positioning within cells. Values top, middle, bottom. Use border attribute of <table> tag to show grid lines. Use <caption> tag inside table to provide a table caption. Example , Robert K. Moniot 38

39 Forms XHTML forms allow the user to supply data to the web server. We will focus on creating the form in XHTML so it appears to the user with input fields and descriptive text, t ready to be filled in. When the form is submitted, the data entered into the input fields is sent back to the web server and processed, for instance by a CGI program. We will not study CGI programming at this time. 2010, Robert K. Moniot 39

40 A form is defined as follows: Defining A Form <form name="form-name" action="path/to/cgi" method="post">... (form fields and descriptive text go here) </form> The optional name attribute gives the form a name. This is useful when using JavaScript to access the form elements. The path to cgi is a URL specifying the location of the CGI program that will process the form. The method attribute can be either "get" or "post". The region between the opening and closing <form> tags can contain input fields and any sort of normal XHTML content. 2010, Robert K. Moniot 40

41 Form Submit Methods Method "get" The input data are appended to the URL of the request sent to the server when the form is submitted. The server passes the data to the CGI through an environment variable. This method is primitive and suitable only for very small amounts of form data. It should ordinarily not be used for forms. Method "post" The input data are sent to the server in a data body following the request headers. The server passes the data to the CGI through an input mechanism. This is the preferred method. 2010, Robert K. Moniot 41

42 Form Input Fields The most common type of form input field is defined using the <input> tag, which allows for various types of input elements: text boxes, check boxes, etc. The general form of this tag is <input name="field-name" type="input-type"... /> Note that there is never a closing tag, since this defines an element, not a region. The name attribute gives the input field a name, which is useful for JavaScript and CGI processing. The type attribute allows different kinds of input fields to be defined. Depending on the field type, there may be other attributes to control other properties p of the element. 2010, Robert K. Moniot 42

43 Input Field Types The type attribute can take on one of the following values: text - specifies a small box in which the user can type text. password - like text, but the text which is typed appears as asterisks, though it is submitted to the server as typed. checkbox - specifies a box which can be clicked to check or un- check it. radio - specifies a radio button. Several buttons of this kind are usually defined as a group, each button of the group having the same name. A radio button is like a checkbox except that only one button of the group can be selected at a time. 2010, Robert K. Moniot 43

44 Special Input Types There are some other input types that are special: submit - specifies a Submit button that sends the completed form data to the server. reset - specifies a Reset button that restores all input fields of the form to their default initial values. hidden - used to provide data that the user does not see. 2010, Robert K. Moniot 44

45 Other <input> Tag Attributes size="width" for input fields of type text or password. The width is an integer giving the width of the box in characters. Default width is 20. maxlength="length" th" for fields of type textt or password. Specifies the maximum number of characters that can be entered into the box. checked="checked" for checkbox and radio buttons ("checked" is the only value allowed). If this attribute is present, the choice is selected by default. value="value" specifies a default value for the item or, for submit and reset buttons, a label for the button. 2010, Robert K. Moniot 45

46 Form Menu Elements A menu is defined as follows: <select name="name"> <option> menu item 1 <option> menu item 2... </select> 2010, Robert K. Moniot 46

47 Form Menu Elements Default appearance of a select element has the selected item in a box, with a scroll button at one side that pops up the menu to allow selecting a different item. To create a menu that displays several options in the window, include the attribute size="length" where length is the number of items to show. By default, only one item from the list can be selected. To allow multiple items to be selected, add the attribute multiple="multiple". The item tag allows the attribute selected="selected" to indicate that the item should be selected by default. 2010, Robert K. Moniot 47

48 The textarea Element The text type of input element is intended only for small amounts of text. To provide space for more input text, as well as scrollbars, use this element. Example: <textarea name="remarks" rows="10" cols="25"> Default text can be placed here. </textarea> Example , Robert K. Moniot 48

49 Anchors The <a> tag can be used to create an anchor, a marked location in a document. The anchor is given an ID using the id attribute. (Other tags can be used too.) A link can refer to this named location using the # character in the URL. Clicking on the link jumps to the marked location rather than to the top of the referenced document. Example: Create anchor with <a id="section1">section 1.</a> Reference anchor with <a href="#section1">see Section 1.</a> 2010, Robert K. Moniot 49

50 Anchors The URL referring to an anchor located in the same document can omit everything except the # and the anchor name. Or, the URL can be a relative or absolute URL with the #anchorname at the end. Example of absolute URL referring to an anchor: <a href=" See Section 1 of the paper.</a> Example , Robert K. Moniot 50

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

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

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

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

ICT 6012: Web Programming

ICT 6012: Web Programming ICT 6012: Web Programming Covers HTML, PHP Programming and JavaScript Covers in 13 lectures a lecture plan is supplied. Please note that there are some extra classes and some cancelled classes Mid-Term

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

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements

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

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

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

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

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

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

Further web design: HTML forms

Further web design: HTML forms Further web design: HTML forms Practical workbook Aims and Learning Objectives The aim of this document is to introduce HTML forms. By the end of this course you will be able to: use existing forms on

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

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

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

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

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

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

Accessibility in e-learning. Accessible Content Authoring Practices

Accessibility in e-learning. Accessible Content Authoring Practices Accessibility in e-learning Accessible Content Authoring Practices JUNE 2014 Contents Introduction... 3 Visual Content... 3 Images and Alt... 3 Image Maps and Alt... 4 Meaningless Images and Alt... 4 Images

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

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

Chapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D

Chapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D Chapter 2 HTML Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 First Web Page an opening tag... page info goes here a closing tag Head & Body Sections Head Section

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

JISIS and Web Technologies

JISIS and Web Technologies 27 November 2012 Status: Draft Author: Jean-Claude Dauphin JISIS and Web Technologies I. Introduction This document does aspire to explain how J-ISIS is related to Web technologies and how to use J-ISIS

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

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

Using Adobe Dreamweaver CS4 (10.0)

Using Adobe Dreamweaver CS4 (10.0) Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called

More information

By Glenn Fleishman. WebSpy. Form and function

By Glenn Fleishman. WebSpy. Form and function Form and function The simplest and really the only method to get information from a visitor to a Web site is via an HTML form. Form tags appeared early in the HTML spec, and closely mirror or exactly duplicate

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

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

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

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

ECDL / ICDL Web Editing Syllabus Version 2.0

ECDL / ICDL Web Editing Syllabus Version 2.0 ECDL / ICDL Web Editing Syllabus Version 2.0 Purpose This document details the syllabus for ECDL / ICDL Web Editing. The syllabus describes, through learning outcomes, the knowledge and skills that a candidate

More information

Basic Website Maintenance Tutorial*

Basic Website Maintenance Tutorial* Basic Website Maintenance Tutorial* Introduction You finally have your business online! This tutorial will teach you the basics you need to know to keep your site updated and working properly. It is important

More information

Internet Technologies

Internet Technologies QAFQAZ UNIVERSITY Computer Engineering Department Internet Technologies HTML Forms Dr. Abzetdin ADAMOV Chair of Computer Engineering Department aadamov@qu.edu.az http://ce.qu.edu.az/~aadamov What are forms?

More information

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

So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going.

So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going. Web Design 1A First Website Intro to Basic HTML So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going. Ok, let's just go through the steps

More information

Viewing Form Results

Viewing Form Results Form Tags XHTML About Forms Forms allow you to collect information from visitors to your Web site. The example below is a typical tech suupport form for a visitor to ask a question. More complex forms

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

Getting Started with KompoZer

Getting Started with KompoZer Getting Started with KompoZer Contents Web Publishing with KompoZer... 1 Objectives... 1 UNIX computer account... 1 Resources for learning more about WWW and HTML... 1 Introduction... 2 Publishing files

More information

Creating and a Web Page HTML5 and CSS

Creating and a Web Page HTML5 and CSS Preface viii CHAPTER TWO Creating and a Web Page HTML5 and CSS Using Inline Objectives HTML 33 CHAPTER ONE Introduction HTML 34 Introduction to HTML, XHTML, Project Rock Climbing Fun Web Page HTML 34 and

More information

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running

Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Module 6 Web Page Concept and Design: Getting a Web Page Up and Running Lesson 3 Creating Web Pages Using HTML UNESCO EIPICT M6. LESSON 3 1 Rationale Librarians need to learn how to plan, design and create

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

The Web Web page Links 16-3

The Web Web page Links 16-3 Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Write basic HTML documents Describe several specific HTML tags and their purposes 16-1 Chapter Goals

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

In Depth Introduction to HTML and CSS (5 days)

In Depth Introduction to HTML and CSS (5 days) In Depth Introduction to HTML and CSS (5 days) Course Description This course helps beginners and experienced students establish working knowledge of best practices in creating functional web pages using

More information

B.V. Patel Institute of Business Management, Computer & Information Technology, Uka Tarsadia University : Web Technology-HTML

B.V. Patel Institute of Business Management, Computer & Information Technology, Uka Tarsadia University : Web Technology-HTML Unit-1 Introduction to Internet Fill in the blanks. (1 mark) 1. In 1969, the Department of Defense (DOD) of the United States (US) started a network called the ARPAnet. 2. In 1970, networks like BITNET

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

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

WYSIWYG Toolbar. File Functions. Cut, Copy, Paste, Find Functions. Undo Redo Functions. Page 1 of 7

WYSIWYG Toolbar. File Functions. Cut, Copy, Paste, Find Functions. Undo Redo Functions. Page 1 of 7 File Functions Save Save As Revert to Last Save Click on the "Save" button to save the current file on the staging server and exit the WYSIWYG editor. Remember, it will not be live on the production server

More information

Basics of Web Design: HTML5 & CSS Author: Terry Ann Felke-Morris, Ed.D.

Basics of Web Design: HTML5 & CSS Author: Terry Ann Felke-Morris, Ed.D. Chapter 1 Internet and Web Basics The Internet and the Web Web Standards and Accessibility Information on the Web Web Browsers and Web Servers Internet Protocols Uniform Resource Identifiers and Domain

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

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images

HTML5 & CSS 8 th Edition. Chapter 3 Enhancing a Website with Links and Images HTML5 & CSS 8 th Edition Chapter 3 Enhancing a Website with Links and Images Chapter Objectives 1. Describe types of hyperlinks 2. Create relative links, absolute links, email links, and telephone links

More information

Drupal Tutorial Editing the Vision and Security Technology (VAST) Website

Drupal Tutorial Editing the Vision and Security Technology (VAST) Website Drupal Tutorial Editing the Vision and Security Technology (VAST) Website How to use the Drupal content management system to edit the Vision and Security Technology (VAST) website. Note: This tutorial

More information

COMMON CUSTOMIZATIONS

COMMON CUSTOMIZATIONS COMMON CUSTOMIZATIONS As always, if you have questions about any of these features, please contact us by e-mail at pposupport@museumsoftware.com or by phone at 1-800-562-6080. EDIT FOOTER TEXT Included

More information

The tables in this appendix contain common XHTML tags and CSS properties.

The tables in this appendix contain common XHTML tags and CSS properties. XHTML and CSS Reference Guide The tables in this appendix contain common XHTML tags and CSS properties. How to Use the Tables Italic text that appears between quotes represents values such as numbers,

More information

WHITEPAPER. Skinning Guide. Let s chat. 800.9.Velaro www.velaro.com info@velaro.com. 2012 by Velaro

WHITEPAPER. Skinning Guide. Let s chat. 800.9.Velaro www.velaro.com info@velaro.com. 2012 by Velaro WHITEPAPER Skinning Guide Let s chat. 2012 by Velaro 800.9.Velaro www.velaro.com info@velaro.com INTRODUCTION Throughout the course of a chat conversation, there are a number of different web pages that

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

HTML Forms. Pat Morin COMP 2405

HTML Forms. Pat Morin COMP 2405 HTML Forms Pat Morin COMP 2405 HTML Forms An HTML form is a section of a document containing normal content plus some controls Checkboxes, radio buttons, menus, text fields, etc Every form in a document

More information

Introduction to XHTML

Introduction to XHTML Introduction to XHTML This chapter introduces the most commonly used subset of the extensible Hypertext Markup Language (XHTML). Because of the simplicity of XHTML, the discussion moves quickly. The chapter

More information

Garfield Public Schools Fine & Practical Arts Curriculum Web Design

Garfield Public Schools Fine & Practical Arts Curriculum Web Design Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and

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

The McGill Knowledge Base. Last Updated: August 19, 2014

The McGill Knowledge Base. Last Updated: August 19, 2014 The McGill Knowledge Base Last Updated: August 19, 2014 Table of Contents Table of Contents... 1... 2 Overview... 2 Support... 2 Exploring the KB Admin Control Panel Home page... 3 Personalizing the Home

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

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

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

Creating an HTML Document Using Macromedia Dreamweaver

Creating an HTML Document Using Macromedia Dreamweaver INFORMATION SYSTEMS SERVICES Creating an HTML Document Using Macromedia Dreamweaver This tutorial workbook contains a series of exercises that give an introduction to creating HTML documents for the World

More information

XHTML BASICS. Institute of Finance Management CIT Department Herman Mandari

XHTML BASICS. Institute of Finance Management CIT Department Herman Mandari XHTML BASICS Institute of Finance Management CIT Department Herman Mandari HTML Styles Introduces CSS to HTML The main purposes is to provide a common way to style all HTML elements Examples

More information

Father Agnel School, Noida Class X Ch6 HTML Part 2

Father Agnel School, Noida Class X Ch6 HTML Part 2 HTML Images - The Tag and the Src Attribute In HTML, images are defined with the tag. The tag is empty, which means that it contains attributes only, and has no closing tag. To display

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

Dreamweaver Cascading Style Sheets

Dreamweaver Cascading Style Sheets Dreamweaver Cascading Style Sheets Email: training@ ufl.edu Web Page: http://training.health.ufl.edu 2 This page intentionally left blank. Dreamweaver Cascading Style Sheets What are Cascading Style Sheets?...

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

Web Design Revision. AQA AS-Level Computing COMP2. 39 minutes. 39 marks. Page 1 of 17

Web Design Revision. AQA AS-Level Computing COMP2. 39 minutes. 39 marks. Page 1 of 17 Web Design Revision AQA AS-Level Computing COMP2 204 39 minutes 39 marks Page of 7 Q. (a) (i) What does HTML stand for?... () (ii) What does CSS stand for?... () (b) Figure shows a web page that has been

More information

webpage4 Manual Last changed August 11, 2008

webpage4 Manual Last changed August 11, 2008 webpage4 Manual Last changed August 11, 2008 Table of contents Overview...1 Features Overview...2 System Requirements...3 Upgrading...4 Support...6 Preferences...7 Introduction to HTML...10 Frequently

More information

Guide to the Text Editor. *Note: Compliance Assist may not use every feature described.

Guide to the Text Editor. *Note: Compliance Assist may not use every feature described. *Note: Compliance Assist may not use every feature described. Table of Contents 1.1: Toolbar Buttons...3 1.1.1: Miscellaneous Buttons...3 1.1.2: Inserting Elements...4 1.1.3: Formatting Text Appearance...5

More information

Fast track to HTML & CSS 101 (Web Design)

Fast track to HTML & CSS 101 (Web Design) Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of

More information

Web Development I & II*

Web Development I & II* Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology

More information

Micro soft Expression Web 4

Micro soft Expression Web 4 University of Texas at Arlington Micro soft Expression Web 4 Beginner s Guide 2011 1 2 Table of Contents UTA Web Pages... 5 Connecting to your Website... 5 Copying files from your Website... 8 To open

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

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades. 28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML

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

Introduction to Drupal

Introduction to Drupal Introduction to Drupal Login 2 Create a Page 2 Title 2 Body 2 Editor 2 Menu Settings 5 Attached Images 5 Authoring Information 6 Revision Information 6 Publishing Options 6 File Attachments 6 URL Path

More information

CKEditor Javascript Editor

CKEditor Javascript Editor Tool Bar and Buttons CKEditor Javascript Editor Insert Drop Doc Use the Drop Doc Form option on the tool bar to create a form to post to your SOCS site. Visitors can complete the information online and

More information

User Guide. Appendix A. RadEditorAjax

User Guide. Appendix A. RadEditorAjax User Guide Appendix A Table of Contents About this Chapter... 3 What is?... 3 Section 1: at a Glance... 5 Publishing Options... 11 Keyboard Shortcuts Quick Reference... 12 Section 2: Formatting Tools...

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

Content Management System

Content Management System OIT Training and Documentation Services Content Management System End User Training Guide OIT TRAINING AND DOCUMENTATION oittraining@uta.edu http://www.uta.edu/oit/cs/training/index.php 2009 CONTENTS 1.

More information

Web Candy Design Inc. 1 JCE Editor Manual

Web Candy Design Inc. 1 JCE Editor Manual Web Candy Design Inc. 1 JCE Editor Manual Table of Contents What is JCE? 3 What is an Article? 3 Sections & Categories Explained 3 Why use Sections & Categories 3 Sections and Categories vs. Menu Organization

More information

The HTML Editor INFORMZ USER GUIDE: Version 1.0 January 13, 2013

The HTML Editor INFORMZ USER GUIDE: Version 1.0 January 13, 2013 INFORMZ USER GUIDE: The HTML Editor Version 1.0 January 13, 2013 ABOUT THIS GUIDE This guide provides an overview of the HTML editor used by Informz. This guide does not cover all aspects of the editor,

More information

2. After you have obtained relevant input for your Web site, you can create: a. a validation program. b. HTML. c. images. d. a storyboard.

2. After you have obtained relevant input for your Web site, you can create: a. a validation program. b. HTML. c. images. d. a storyboard. Quiz Handouts-1 Lesson 1 Quiz 1. Site validation should be performed: a. once at the end of the development cycle. b. multiple times throughout the development cycle. c. once at the middle of the development

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials

More information

Introduction. Steps in Creating Web Pages

Introduction. Steps in Creating Web Pages 1 of 7 Introduction A basic web page is a plain text file that has been marked up with tags around a word or phrase to describe how it should be displayed by the web browser. To see the HTML codes of any

More information

HTML Kit: A User Manual. by Paul Strickberger

HTML Kit: A User Manual. by Paul Strickberger HTML Kit: A User Manual by Paul Strickberger HTML Kit User Manual Contents Introduction... 1 The Main Screen... 1 Displaying or Hiding Elements of the Screen...1 Getting Around the Main Screen... 3 The

More information

Contents - This is Dept. of Surgery modified version of the manual. Missing pages were removed intentionally.

Contents - This is Dept. of Surgery modified version of the manual. Missing pages were removed intentionally. Contents - This is Dept. of Surgery modified version of the manual. Missing pages were removed intentionally. 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode

More information

Sitecore Web CMS V 8.0

Sitecore Web CMS V 8.0 DOUGLAS COLLEGE Sitecore Web CMS V 8.0 User Guide Douglas College 6/10/2015 Produced by the Marketing and Communications Office Contents 1.0 An introduction to Sitecore... 3 1.1 System requirements...

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

CREATING WEB PAGES USING HTML INTRODUCTION

CREATING WEB PAGES USING HTML INTRODUCTION CREATING WEB PAGES USING HTML INTRODUCTION Web Page Creation Using HTML: Introduction 1. Getting Ready What Software is Needed FourSteps to Follow 2. What Will Be On a Page Technical, Content, & Visual

More information

Script Handbook for Interactive Scientific Website Building

Script Handbook for Interactive Scientific Website Building Script Handbook for Interactive Scientific Website Building Version: 173205 Released: March 25, 2014 Chung-Lin Shan Contents 1 Basic Structures 1 11 Preparation 2 12 form 4 13 switch for the further step

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