HTML/XHTML:Terminology (Demistifying the jargon)

From virtualMV2015wiki
Jump to: navigation, search
 Home  HTML/XHTML <

Introduction

Overview

This will help explain terms that you see when using website development codes

Icon Objective.png

Objective

By the end of this page you will be able to:

  1. Understand some terminology related to source code of a web page (use view source in a web browser)

Insert a comment

  • < ! - - Use this code to start a comment in your code.
  • Insert your comment in your code.
  • - - > Use this code to finish a comment in your code (Castro, 2003, p.71)[1].

Note: Remove the spaces between the characters when using this code. The spaces are only included in the above code so the wiki will not see it as code for a comment, think it is a comment and hid the instruction


To insert comment into your CSS use the following format: /* insert your comment here */ The same format is used to insert multiline comment into Javascript files, else use //

Absolute/relative URL's

  • Absolute URL. Show the entire path to a file including the scheme, server name and file name (think of it as a street address that can be found from anywhere in the world) and is always used when referencing a file from another server, for FTP sites, newsgroups and email addresses.
  • Relative URL. In Http code shows the location of a file in relation to the file that contains the relative URL (think of it as a street address that can be found from down the same road)so a relative URL to a file in the same directory only uses the file name and its extension and a relative URL to a file in a subdirectory uses the name of the sub directory followed by a foreward slash and then the file name and its extension (Castro, 2003, p.35)[1]


Division structure

A division is a block level element usually labeled with a class or id and sometimes both

  • class. Is for a group of elements (Example; <div class=(name))
  • id Is for identifying individual, unique elements (Example; <div id=(name))(Castro, 2003, p.68)[1]


Division position

  • Block-level. A block-level element is always displayed on a new line (like a new paragraph) and is the bigger structural peice or peices of the web page. Block-level elements can contain other block-level elements, inline elements and text.
  • In line. An in line element is displayed in the current line (like the next word in a sentence) and can only contain other inline elements and text.(Castro, 2003, p.28)[1]


Division, positioning

  • Default. Same as static
  • Absolute. Used to exactly specify coordinates of an element in respect to its parent element
  • Fixed. Used to exactly specify coordinates of an element in respect to the browser window
  • Static. Leaves the element in the flow (In-line)
  • Relative. Moves the element with respect to its default location in the flow(Castro, 2003, p.177)[1]</ref>


Division, layers

  • z-index.Specifies the order in which elements can overlap each other. '0' is the furtherest layer away (at the back) and the highest number is the closest (at the front)(Castro, 2003, p.177)[1]


Page relationships/structure

  • Parent element. Is an element that contains another or other elements
  • Child element. Is any element contained by a parent element
  • Desendent elements. Are any elements contained in a child element (desendents of the parent element) (Castro, 2003, p.28)[1]


Icon References.png References

  1. 1.0 1.1 1.2 1.3 1.4 1.5 1.6 Castro, E., (2003) HTML for the world wide web, Peachpit Press, USA

HTML/XHTML:Terminology (Demistifying the jargon). (2017). In virtualMV's ( Michael Verhaart ) wiki. Retrieved December 18, 2017, from http://www.virtualmv.com/wiki/index.php?title=HTML/XHTML%3ATerminology_(Demistifying_the_jargon)    (zotero)