boston adult learning education learning center





Glossary of HTML Terms

Below you will find a list of the terms we will be using in this class.

  • Align, Valign - These tags are used for aligning images, tables.

    • Align stands for Horizonal Align. If you want to center, force an object to the left or right of a page. this is what you would use. The default for web pages is align=left. If this is what you want to do for that particular section, no coding is needed.

    • Valign stands for Vertical Align. The default here is to valign=middle. If this is what you want to do for that particular section, no coding is needed. You can also use vertically align to the top or bottom as well.

  • Background, bgcolor - Both of these are used to change the color of a background for the entire page, or just sections of it. The Background tag is always used to point to an image, which define the color, texture, or photograph used as the background. The bgcolor tag is used to set a color for the section, with no image being required.

  • Body - The Body tag denotes the part of the website that the users will see when they come upon your page. It is made up of 2 tags. body and /body. The first tells the browser where to begin, while the 2nd tag tells the browser when the page ends.

  • Border - This tag is used in tables and images. It will set the border of an image or table in pixels. You can set it as low as 0, to as high as you want.

  • Cascading Style Sheets (CSS) - The CSS tags replace the old style font tags. CSS gives you a font size, color and style that will closely resemble the font type/size used in a Microsoft Word document.

  • Cellpadding - for specifying the space between a table's cell contents and the table's border.

  • Cellspacing - for setting the amount of space between cells

  • Class - for calling out specific fonts, size, weight as defined in the Cascading Style Sheets section of a website.

  • DIV - This tag is used for horizontal alignments and calling out specific classes defined in the Cascading Style Sheets section of a website.

  • Font size, family, size, weight - this is used to call out specific fonts, their sizes, and wether or not they will be bold.

    NOTE: When choosing a font, make sure it is a common one for the text. Otherwise if someone doesn't have that particular font, their browser will take over and use it's defaults. This will throw off your entire page depending upon the font chosen.

  • Head - this is where you define the title, include search engine optimization tags, add Cascading Style Sheets and JavaScripts. With the exception of the title tag, the contents in the head section is not readily available to the visitor.

  • Hexidecimal - This is a 6 digit number that will define a color.

    Example: The color red becomes ffff00. How this is figured out is using a conversion of the RGB (Red Blue Green) color format. Searching the web for a color wheel will output this information for you, without having to do all of the math.

  • HR - Horizontal Rule, or in english, a line. You can control the width, if it is centered, and how thick it is.

  • Hspace, Vspace - Horizontal Space, Vertical space. See image section for when this is used.

  • HTML - Hypertext Markup Language is the authoring software language used on the Internet's World Wide Web. HTML is used for creating World Wide Web pages.

  • Hyperlink,anchor, a:link, v:link, a:hover - A hyperlink is best known as link. a:link is the code used to call out a hyperlink. It can also be refered to as an anchor link. A v;link is one that has been visited. a:hover will change the color of a link when they mouse over it.

    NOTE: These only apply to text links.

  • Img - it is short for the word image.

  • Links, a, href - "a" stands for anchor, and href stands for the HTML document you are referencing.

  • Lists (ordered = ol, Unordered = ul) -

    • An Ordered list gives the output in a chronological order. Numbers, roman numerals, the letters in the alphabet.

    • An Unordered list returns items in a bullet fashion.

  • Meta - Meta tags are tags that are included in HTML source code in the header section. The most common meta tags allow the designer to include additional keywords into a document (keyword meta tag) and specify the text that appears when a search engine includes the document in its database (subject meta tag). They are therefore useful for increasing the utility of the document as it is cataloged by a search engine (for marketing purposes).

  • Name - This is what you call an image, a section in a table.

  • Pixels - Short for 'picture element,' a dot that represents the smallest graphic unit of measurement on a screen. A pixel is screen-dependent; that is, the dimensions of screen elements vary with the display system and resolution. It is used to describe the main measure of unit that make up a graphic in online advertising, similiar to how inches are used in print media advertising.

  • Src - This tag tells the browser to look for a specific object. In most cases it will define where an image is physically sitting on a hard drive or server.

  • Title - The name you give your document which shows in the bar of a web browser.

  • Web Browser - This is the program you use to surf the web. The most common ones used today are Internet Explorer and Firefox, with both PC and MAC versions. Safari is also a browser heavily used by those who use a MAC. Safari will not work on a PC.


Designing and Developing Your Web Page Using HTML - 2007