Previous Thread
Next Thread
Print Thread
Rate Thread
#18031 05/05/03 11:02 PM
Joined: Dec 2002
Posts: 3,255
Likes: 3
UGN Elite
OP Offline
UGN Elite
Joined: Dec 2002
Posts: 3,255
Likes: 3
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)

#18032 05/06/03 12:16 AM
Joined: Dec 2002
Posts: 3,255
Likes: 3
UGN Elite
OP Offline
UGN Elite
Joined: Dec 2002
Posts: 3,255
Likes: 3
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.

#18033 05/06/03 01:00 AM
Joined: Dec 2002
Posts: 3,255
Likes: 3
UGN Elite
OP Offline
UGN Elite
Joined: Dec 2002
Posts: 3,255
Likes: 3
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" />

#18034 05/06/03 01:15 AM
Joined: Dec 2002
Posts: 3,255
Likes: 3
UGN Elite
OP Offline
UGN Elite
Joined: Dec 2002
Posts: 3,255
Likes: 3
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>

#18035 05/06/03 01:28 AM
Joined: Dec 2002
Posts: 3,255
Likes: 3
UGN Elite
OP Offline
UGN Elite
Joined: Dec 2002
Posts: 3,255
Likes: 3
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

#18036 05/06/03 03:30 AM
Joined: Dec 2002
Posts: 3,255
Likes: 3
UGN Elite
OP Offline
UGN Elite
Joined: Dec 2002
Posts: 3,255
Likes: 3
<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" />

#18037 05/06/03 01:32 PM
Joined: Mar 2002
Posts: 1,136
P
UGN Elite Poster
Offline
UGN Elite Poster
P
Joined: Mar 2002
Posts: 1,136
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.

#18038 05/08/03 05:12 AM
Joined: Sep 2002
Posts: 624
UGN GFX Whore
Offline
UGN GFX Whore
Joined: Sep 2002
Posts: 624
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.


+^Born Intelligence
#18039 05/08/03 07:55 PM
Joined: Dec 2002
Posts: 3,255
Likes: 3
UGN Elite
OP Offline
UGN Elite
Joined: Dec 2002
Posts: 3,255
Likes: 3
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.

#18040 05/09/03 09:48 PM
Joined: Sep 2002
Posts: 624
UGN GFX Whore
Offline
UGN GFX Whore
Joined: Sep 2002
Posts: 624
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 ?


+^Born Intelligence

Link Copied to Clipboard
Member Spotlight
Phatal
Phatal
Houston, TX
Posts: 298
Joined: April 2004
Forum Statistics
Forums41
Topics33,840
Posts68,858
Average Daily Posts1
Members2,176
Most Online3,253
Jan 13th, 2020
Latest Postings
Where and how do you torrent?
by danni75 - 03/01/24 05:58 AM
Animation,
by JohanKaariainen - 08/15/19 01:18 AM
Blackbeard.....
by Gremelin - 10/03/18 07:02 PM
my old account still exists!
by Crime - 08/10/18 02:47 PM
Okay WTF?
by HenryMiring - 09/27/17 01:45 AM
The History Thread...
by Gremelin - 08/11/17 12:11 PM
My friend NEEDS your HELP!
by Lena01 - 07/21/17 12:06 AM
I'm having fun with this guy.
by gabithompson730 - 07/20/17 01:50 AM
I want to upgrade my phone
by gabithompson730 - 07/20/17 01:49 AM
Doom 3
by Cyrez - 09/11/14 08:58 PM
Amazon Gift Card Generator/KeyGen?te
by Gecko666 - 08/22/14 09:21 AM
AIM scene 99-03
by lavos - 09/02/13 08:06 AM
Planetside 2
by Crime - 03/04/13 07:10 AM
Beta Testers Wanted
by Crime - 03/04/13 06:55 AM
Hello Everyone
by Gremelin - 02/12/12 06:01 PM
Tracfone ESN Generator
by Zanvin Green - 01/18/12 01:31 PM
Python 3 issue
by Testing - 12/17/11 09:28 PM
tracfone airtime
by Drache86 - 07/30/11 03:37 AM
Backdoors and the Infinite
by ZeroCoolStar - 07/10/11 03:52 AM
HackThisZIne #12 Releaseed!
by Pipat2 - 04/28/11 09:20 PM
gang wars? l33t-wars?
by Gremelin - 04/28/11 05:56 AM
Consolidate Forums
by diggin2deep - 04/21/11 10:02 AM
LAN Hacking Noob
by Gremelin - 03/12/11 12:42 AM
Top Posters
UGN Security 41,392
Gremelin 7,203
§intå× 3,255
SilentRage 1,273
Ice 1,146
pergesu 1,136
Infinite 1,041
jonconley 955
Girlie 908
unreal 860
Top Likes Received
Ghost 2
Cyrez 1
Girlie 1
unreal 1
Crime 1
Powered by UBB.threads™ PHP Forum Software 7.7.5