0% found this document useful (0 votes)
8 views15 pages

Building & Managing Web Sites: HTML Review

HTML allows authors to publish online documents with headings, text, tables, lists, graphics, etc. HTML originally intended for exchange of technical documents, but has far outgrown those simple original goals. Serious web authors must have excellent HTML skills!

Uploaded by

Eloisa Lecaroz
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
8 views15 pages

Building & Managing Web Sites: HTML Review

HTML allows authors to publish online documents with headings, text, tables, lists, graphics, etc. HTML originally intended for exchange of technical documents, but has far outgrown those simple original goals. Serious web authors must have excellent HTML skills!

Uploaded by

Eloisa Lecaroz
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd

Building & Managing Web Sites

HTML Review

April 12

Valtara Digital Design, 2000

Importance of HTML
HTML most important protocol for webmasters. HTML allows authors to publish online documents with headings, text, tables, lists, graphics, etc. HTML originally intended for exchange of technical documents, but has far outgrown those simple original goals. Serious web authors must have excellent HTML skills! (at least for now)
April 12 Valtara Digital Design, 2000 2

HTML Standards
Based upon Standard Generalized Markup Language (SGML) [ISO 8879] a language for describing document markup languages. SGML around since mid-1980s and fairly stable. Very rich functionality, but very complex to use. HTML specified a small subset of structural tags for authoring relatively simple documents and allowing hypertext (links).
April 12 Valtara Digital Design, 2000 3

HTML Standards
HTML Standard managed by the World Wide Web Consortium (W3C) Several HTML versions available at W3C site ([Link]
HTML 2.0 (Nov.1995) - base version HTML 3.2 (Jan.1997) - Frames, expanded tables, improved forms HTML 4.0 (Dec.1997) - CSS, scripting, deprecated tags HTML 4.01 (Dec.1999) - Minor fixes XHTML 1.0 (Jan. 2000) - Integrating HTML into XML
April 12 Valtara Digital Design, 2000 4

HTML Terminology
Element Used to identify the basic structures and/or behaviors of a document
Case insensitive

Consists of start tag, content, and end tag


Some elements do not require or have content or end tags (e.g., <P> or <BR>)

April 12

Valtara Digital Design, 2000

HTML Terminology
Tags the codes that define an element. Denoted using < and > symbols. End tags start use a slash, e.g., </P> What is the difference between Elements and Tags?
Elements (not tags) meant to identify the structural and presentational, & semantic information of the content. Tags define an element's region and other information about the element.
April 12 Valtara Digital Design, 2000 6

HTML Terminology
Attributes Properties of an element. Included within an elements start tag. Like properties in programming languages. Frequently in the form property = value.
Deprecated an HTML element or attribute that has been outdated by new constructs. So far, virtually all browsers support all deprecated elements/attributes, but may not in future.
April 12 Valtara Digital Design, 2000 7

Basic HTML Elements


HTML element
HEAD element TITLE element
Important Prominently displayed in browser and most search results. Put most important/unique information early in title.
E.g., not New Page or Home Page, instead Home Page HTML Fanatics Society
April 12 Valtara Digital Design, 2000 8

<META>
META provide additional information about the page that is not visible. METAs made up of property and value pairs. Description META
<META <meta name="Description" content=2-3 sentence description of content>

PICS -- learn more at [Link] HTTP-EQUIV Can force values into the HTTP header, e.g., Expires
<META http-equiv=Expires content=Sat, 01 Jan 1999 12:00:00 GMT>
April 12 Valtara Digital Design, 2000 9

<BODY>
Document <BODY>
The GUTS OF THE PAGE! Attributes: Background, BGCOLOR, text, link, vlink [deprecated in HTML 4 because of CSS] Replaced by FRAMESET element for documents using frames.

April 12

Valtara Digital Design, 2000

10

<H?>
Heading elements
Use to mark the major headings of document. H1 typically too large, but ... H3 often roughly equal to the default bolded normal text for many browsers.

Use of H4-H6 rare.


Will be more useful with style sheets
April 12 Valtara Digital Design, 2000 11

Table Element
Always set the border attributes explicitly Use borderless tables and cell merging for page layout Avoid assigning width unless absolutely needed -if needed use percentages rather than pixels! Use bgcolor attribute for cheap color effects <TH> tag is rarely used HTML 4 allows much more control of table formatting - take a look!
April 12 Valtara Digital Design, 2000 12

Anchor Element
Avoid too many links in paragraphs Make anchor captions short but descriptive On downloadable links, provide document type and size so user know what they are getting into. When naming anchors/bookmarks, it IS case-sensitive and avoid punctuation and spaces
April 12 Valtara Digital Design, 2000 13

Other Tags you should know!


<p> <br> <hr> <div> <span> <ol> <ul> <li> <strong> <em> <big> <small> <tt> <pre> <img>
14

April 12

Valtara Digital Design, 2000

Deprecated Elements (Dont Use)


<center> use align attributes <font> use style sheets when possible <b> use <strong> <i> use <em> <u> Underlining implies an anchor on the web and hence should not be used.
Valtara Digital Design, 2000 15

April 12

Common questions

Powered by AI

CSS enhances HTML functionality by allowing separation of content structure from styling, making web documents easier to manage and more adaptable to different devices and design requirements. It eliminates the need for deprecated presentational elements and attributes, promoting better-organized and more standard-compliant web pages .

Deprecated HTML elements should be avoided because they have been replaced by more efficient or semantically appropriate solutions and may not be supported by future browsers. For instance, the use of CSS for styling instead of <font> or <b> elements enhances consistency and maintainability across web applications .

When designing tables in HTML, it's important to set border attributes explicitly, use percentage-based widths, and avoid fixed widths to accommodate different screen sizes. Borderless tables can also help separate data without overwhelming the viewer. Neglecting these considerations may result in slow page loading and poor user experience due to unnecessary complexity and inflexibility in layout .

HTML is significant in web authoring as it allows authors to publish online documents with various components like headings, text, tables, lists, and graphics. Initially intended for the exchange of technical documents, HTML has evolved to support much more complex web features, making it crucial for webmasters to have excellent HTML skills .

Structural attributes such as background and BGCOLOR in the <BODY> tag have traditionally been used for visual styling, but are now considered obsolete due to the advent of CSS. This evolution means that these attributes may no longer be supported in future HTML versions, and styling should be done with CSS for greater flexibility and maintainability .

HTML standards have been managed and updated by the World Wide Web Consortium (W3C), reflecting the changing technological landscape and user needs. Over time, versions like HTML 2.0, 3.2, 4.0, and XHTML 1.0 have been introduced to incorporate features such as frames, CSS, scripting, and XML integration, providing more structured and visually appealing web documents .

Elements in HTML are used to identify basic structures and behaviors of a document, consisting of start tags, content, and end tags. Tags, however, are the actual code defining these elements, denoted with symbols like < >, and signal the start, end, and properties of elements. This distinction is important as it separates the structural role of elements from the syntactical role of tags, affecting how content is both organized and presented .

Anchor elements can be optimized by keeping link texts concise yet descriptive, and specifying the type and size for downloadable content. Poorly implemented links can lead to confusion, inaccessible content, and decreased SEO performance, negatively impacting user experience and website credibility .

Heading elements are crucial as they define the semantic structure of a document, helping both users and search engines understand and navigate the content. They enhance accessibility by allowing assistive technologies to interpret the document's hierarchy, providing better user experience and improved SEO .

Meta tags provide additional, non-visible information to web pages. They should be utilized to offer details like page description and document expiration, helping improve content organization and control browser behavior. For example, a Description META tag can succinctly summarize page content, while an HTTP-EQUIV tag can specify when a page should expire, aiding in cache management .

You might also like