UGN Security
Posted By: §intå× XHTML tags - 05/06/03 06:02 AM
Logical inline markup tags

<cite> - Marks a citation or a refference from another source. The text enclosed within the <cite> tag pair is dissplayed in italic by web browsers.

<code> - Used to dissplay code on a web page. The content enclosed within the <code> tag pair is dissplayed as a fixed-widthtypewriter font by default. You can also use <samp> and <kbd> to dissplay code on a web page.

<samp> - See <code>

<kbd> - See <code>

<em> - Used to emphasize text on the Web page or distinguish it from the remaining text. Text enclosed in the <em> tag are usally dissplayed in itallic.

<strong> - Used to empasize text on a Web page, but instead of using itallic text enclosed is usally dissplayed bold.

<abbr> - Used to indicate the enclosed text is an abbreviated form of a longer word. The title attribute of this tag dissplays the full text in IE when the user points at the abbreviated word, in Netscape next to the abbreviation.
<abbr title="value">abbreviation</abbr>

<acronym> - Used to indicate the enclosed text is the abbreviated form of a longer phrase or acronym. The title attribute of this tag dissplays the full text in IE when the user points at the abbreviated phrase, in Netscape next to the abbreviation.
<acronym title="value">acronym</acronym>


<sub> - Used to dissplay text as subscript text to base text. The font of the subscript text is smaller than that of the base text.

<sup> - Used to dissplay text as superscript text to base text. The font of the superscript text is smaller than that of the base text.


<bdo> - Specify the direction in which the charaters in a sentence are read on a Web page. The default direction of reading text is from left to right if the document is writen in english.
<bdo dir="value">text</bdo>

Values - ltr or rtl (left to right or right to left)
Posted By: §intå× Re: XHTML tags - 05/06/03 07:16 AM
Physical Inline Markup Tags -text enclosed in physical inline tags is dissplayed the same in all web browsers.

<big> - The text enclosed in the <big> tag is dissplayed 1 font size bigger than the default font size.

<small> - The text enclosed in the <small> tag is dissplayed 1 font size smaller than the default font size.

<b> - bold

<i> - itallic

<tt> - Dissplays the enclosed text in a monospaced typeface. This type face is similar to the way charaters are typed using a typewriter.


- Specify the end of a line. A new line will start. The
tag is writen a little different in XHTML. The
tag is unlike the other physical inline Markup Tags in that it is an empty tag. It is write like so.
Posted By: §intå× Re: XHTML tags - 05/06/03 08:00 AM
Block Markup Tags

<hn> - Enables you to dissplay headings on a web page. The letter "n" represents the the level of a heading. you would replace this with 1 through 6. 1 being the biggest 6 being the smallest.



- Places text within a paragraph on a web page. You can also align text using the align attribute. The align attribute positions text within the

tags left, right, or center of a web page.
<p align="position">text

<pre> - Dissplays blocks of text in a fixed width font. It will dissplay text exactly how it is in the XHTML document. All spaces and line breaks are dissplayed along with the text that is within the <pre> tag.

<blockquote> - Allows you to mark a section as a blockquote. The text is seperated from the proceding and following text and the text withing the block quote tags is intented. YOu can also use the cite attribute of the <blockquote> tag to indicate the source of a quotation.
<blockquote cite="value">text</blockquote>

<div> - Marks a block of the XHTML document as a logical group or division. For example, if a web page has several paragraphs, you can enclose these pargraphs within the <div> tag pair. This would make the paragraphs a logical group. You can then apply formating to this group using the <div> tag. You can use in the div tag the align and nowrap attributes among others.

<address> - Enables you to dissplay items such as a phone number, mail address, copyright, and other such info. It is dissplayed by default in itallic.

<hr /> - Used to divide a webpage into logical sections by dissplaying a horizontal line across the page. The <hr /> tag is an empty tag like the
tag. So in XHTML every tag must have a closing tag. since there isn't realy a closing tag for <hr> we write it like so.
<hr />
The hr tag has the size width and align attributes. You would type something like this.
<hr size="value" width="value" align="value" />
Posted By: §intå× Re: XHTML tags - 05/06/03 08:15 AM
Speacial Markup Tags

<del> - Used to mark text as deleted. The text enclosed in the <del> tag pair is marked using a strikethrough.
<del>text</del>

<ins> - Used to mark text as added. The text enclosed in the <ins> tag pair is marked using a underline.
<ins>text</ins>

<ruby> - Used to mark text as base text and annotation. The annotation appears above the base text in a smaller font and is called the ruby text. This tag is introduced in XHTML 1.1 and is not standard in XHTML 1.0. The <ruby> tag is only supported by IE 5.5.
The <ruby> tag pair contains the <rb> tag pair to enclose the base text. The ruby text or the text that appears above the text is enclosed within the <rt> tag pair.
<ruby>
<rb>base text</rb>
<rt>ruby text<rt>
</ruby>
Posted By: §intå× Re: XHTML tags - 05/06/03 08:28 AM
Special Charaters

If you need to dissplay a >, <, &, or " in an XHTML document you might not get desired results because these are interperpreted as speacial charaters. What is a designer to do? Well you can used one of the following instead of the actual charater.

< = < = &#60;
> = > = &#62;
& = & = &#38;
" = "e; = &#34
Posted By: §intå× Re: XHTML tags - 05/06/03 10:30 AM
<img /> - The <img> tag is used to drop an images on to a page.
<img src="URL" width="value" height="value" border="value" alt="value" hspace="value" vspace="value" align="position" />
Posted By: pergesu Re: XHTML tags - 05/06/03 08:32 PM
I'd like to point out that I think it's better practice to make use of logical tags (<strong>) as opposed to physical tags(<b>) whenever possible. It's more extensible that way, and more portable. Physical tags just alter how the text looks, whereas logical tags alter the meaning of the text. Changes may occur in the future to the appearance of logical tags, and so it's good to keep up with that. A stretched idea is page readers, which use the tags to define how words are spoken. Logical tags are definitely better suited to this.
Posted By: black^Pimp Re: XHTML tags - 05/08/03 12:12 PM
i just hate the closing method on XHTML.. i kind didn't get used to it although it's going good.

To anyone working a lot with code, i'd suggest using Macromedia Homesite, it's really great, every tag you close it tells you if it's correct or wrong, for example if you close it correctly it says TAG VALIDATED, if it's not closed correctly it displays an error message or for example if you're coding on HTML 4.1 and use an XML style closing method it reminds you that HTML is not an XML language.. pretty cool prog.
Posted By: §intå× Re: XHTML tags - 05/09/03 02:55 AM
bah,

Macromedia Deamweaver has an option that allows you to highlight invalid code. It can be inaccurate when using a scripting language, but if just doing XML, XHTML, HTML, it works like a charm without pop ups and annoying breaks in your work flow.

It is simpley highlighted in yellow for you to get to when you feel like it.


I plan to do a full tut on XML and XHTML when I am done my studies.
Posted By: black^Pimp Re: XHTML tags - 05/10/03 04:48 AM
Yeah i know that learner, sometimes that is really usefull on dreamweaver, but for direct coding i really prefer Homesite+ since it also has a faster preview.

Anyway, lookin' forward to see that tut..

btw, what are you currently studying if i may ask ?
© UGN Security Forum