Anchor

From UNL Wiki
(Difference between revisions)
Jump to: navigation, search
Line 8: Line 8:
 
!Anchors
 
!Anchors
 
|-
 
|-
|
+
|<pre>
 +
<HEAD>
 +
<TITLE>Basic HTML Sample Page</TITLE>
 +
</HEAD>
 +
<BODY BGCOLOR="WHITE">
 +
<CENTER>
 +
<H1>A Simple Sample Web Page</H1>
 +
<IMG SRC="http://sheldonbrown.com/images/scb_eagle_contact.jpeg">
 +
<H4>By Sheldon Brown</H4>
 +
<H2>Demonstrating a few HTML features</H2>
 +
</CENTER>
 +
HTML is really a very simple language. It consists of ordinary text, with commands that are enclosed by "<" and ">" characters, or bewteen an "&" and a ";". <P>
 +
You don't really need to know much HTML to create a page, because you can copy bits of HTML from other pages that do what you want, then change the text!<P>
 +
This page shows on the left as it appears in your browser, and the corresponding HTML code appears on the right. The HTML commands are linked to explanations of what they do.
 +
<H3>Line Breaks</H3>
 +
HTML doesn't normally use line breaks for ordinary text. A white space of any size is treated as a single space. This is because the author of the page has no way of knowing the size of the reader's screen, or what size type they will have their browser set for.<P>
 +
If you want to put a line break at a particular place, you can use the "<BR>" command, or, for a paragraph break, the "<P>" command, which will insert a blank line. The heading command ("<4></4>") puts a blank line above and below the heading text.
 +
<H4>Starting and Stopping Commands</H4>
 +
Most HTML commands come in pairs: for example, "<H4>" marks the beginning of a size 4 heading, and "</H4>" marks the end of it. The closing command is always the same as the opening command, except for the addition of the "/".<P>
 +
Modifiers are sometimes included along with the basic command, inside the opening command's < >. The modifier does not need to be repeated in the closing command.
 +
<H1>This is a size "1" heading</H1>
 +
<H2>This is a size "2" heading</H2>
 +
<H3>This is a size "3" heading</H3>
 +
<H4>This is a size "4" heading</H4>
 +
<H5>This is a size "5" heading</H5>
 +
<H6>This is a size "6" heading</H6>
 +
<center>
 +
<H4>Copyright © 1997, by
 +
<A HREF="http://sheldonbrown.com/index.html">Sheldon Brown</A>
 +
</H4>
 +
</body>
 
|
 
|
 
|}
 
|}

Revision as of 19:06, 11 July 2013

In the scope of the project LACE, an anchor is an element that may facilitate word alignment at the document level.

For instance, given the document

Original Anchors
<HEAD>
<TITLE>Basic HTML Sample Page</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<CENTER>
<H1>A Simple Sample Web Page</H1>
<IMG SRC="http://sheldonbrown.com/images/scb_eagle_contact.jpeg">
<H4>By Sheldon Brown</H4>
<H2>Demonstrating a few HTML features</H2>
</CENTER>
HTML is really a very simple language. It consists of ordinary text, with commands that are enclosed by "<" and ">" characters, or bewteen an "&" and a ";". <P>
You don't really need to know much HTML to create a page, because you can copy bits of HTML from other pages that do what you want, then change the text!<P>
This page shows on the left as it appears in your browser, and the corresponding HTML code appears on the right. The HTML commands are linked to explanations of what they do.
<H3>Line Breaks</H3>
HTML doesn't normally use line breaks for ordinary text. A white space of any size is treated as a single space. This is because the author of the page has no way of knowing the size of the reader's screen, or what size type they will have their browser set for.<P>
If you want to put a line break at a particular place, you can use the "<BR>" command, or, for a paragraph break, the "<P>" command, which will insert a blank line. The heading command ("<4></4>") puts a blank line above and below the heading text.
<H4>Starting and Stopping Commands</H4>
Most HTML commands come in pairs: for example, "<H4>" marks the beginning of a size 4 heading, and "</H4>" marks the end of it. The closing command is always the same as the opening command, except for the addition of the "/".<P>
Modifiers are sometimes included along with the basic command, inside the opening command's < >. The modifier does not need to be repeated in the closing command.
<H1>This is a size "1" heading</H1>
<H2>This is a size "2" heading</H2>
<H3>This is a size "3" heading</H3>
<H4>This is a size "4" heading</H4>
<H5>This is a size "5" heading</H5>
<H6>This is a size "6" heading</H6>
<center>
<H4>Copyright © 1997, by
<A HREF="http://sheldonbrown.com/index.html">Sheldon Brown</A>
</H4>
</body>
|
|}



== HTML elements ==
The following HTML elements are used to define the set of anchors in the project [[LACEhpc]]. They are said to involve smaller texts and, therefore, are more likely to provide lexical mappings.

{| class="wikitable"
|-
! Tag !! Description
|-
| <a> || Defines a hyperlink
|-
| <b> || Defines bold text
|-
| <caption> || Defines a table caption
|-
| <dt> || Defines a term (an item) in a definition list
|-
| <em> || Defines emphasized text 
|-
| <figcaption> || Defines a caption for a <figure> element
|-
| <h1> to <h6> || Defines HTML headings
|-
| <i> || Defines a part of text in an alternate voice or mood
|-
| <legend> || Defines a caption for a <fieldset>, < figure>, or <details> element
|-
| <li> || Defines a list item
|-
| <mark> || Defines marked/highlighted text
|-
| <nav> || Defines navigation links
|-
| <q> || Defines a short quotation
|-
| <small> || Defines smaller text
|-
| <strike> || Not supported in HTML5. Deprecated in HTML 4.01. Defines strike-through text
|-
| <strong> || Defines important text
|-
| <sub> || Defines subscripted text
|-
| <sup> || Defines superscripted text
|-
| <td> || Defines a cell in a table
|-
| <th> || Defines a header cell in a table
|}

== Observations ==
;Nesting
:Anchors must ignore nesting. For instance, given <b><i>ABC</i>DEF</b>, there will be two anchors: ABC and ABCDEF.
Software