html-xhtml « WordPress.com Tag Feed

[Programming Resources]--Java, C/C+, HTML, Perl, Python...

Skyhan — Sun, 01 Nov 2009 02:46:22 +0000

I spent a lot time to get these resources, enjoy: Actionscript Quick reference/Cheatsheet for Action

Sistema de usuarios sencillísimo en PHP

soke232 — Mon, 26 Oct 2009 15:57:16 +0000

Me he permitido la licencia de escribir un sencillísimo sistema de login de usuario en php (más senc

Truncado de texto en HTML usando CSS.

toWerS — Fri, 09 Oct 2009 15:28:48 +0000

A continuación un enlace que explica como truncar automáticamente texto en un párrafo (

) en

Tag HTML BDO...por que não?

Fernando — Tue, 06 Oct 2009 15:21:15 +0000

Existem diversas soluções aplicadas para resolver o problema que é ter seu(s) e-mail(s) adicionado(s) por um robô em uma lista de SPAM.

Principalmente quando seu email fica exposto em algum site.

Apresento neste post a tag HTML BDO (Bi-Directional Text).

Como toda tag HTML ela possui atributos. No caso da BDO o diferencial está na utilização do atributo “dir”.

Bom vamos a sua aplicação:

<bdo dir = “rtl”>rb.moc.oinimod@liameuem :liam-E</bdo>

O resultado será:

E-mail: meuemail@dominio.com.br

O atributo dir define a direção do texto, logo:

rtl (right to left) = direita para esquerda

ltr (left to right) = esquerda para direita

A utilidade está no fato de que se você lança seu email ao contrário no código HTML do seu site ela o apresentará de forma correta na visualização e se qualquer robô encontrar o seu e-mail vai cadastrá-lo de forma incorreta ou não vai considerar um e-mail válido.

O ponto fraco dessa solução está no fato de apenas a exibição estar correta, logo se alguém copiar seu email e colar em outra aplicação (Microsoft Word por exemplo) irá obter o conteúdo ao contrário.

Más información sobre HTML 5

soke232 — Sat, 03 Oct 2009 19:16:56 +0000

Siguiendo con el tema del HTML 5, a pesar de ser recientemente publicadas sus especificaciones, a pe

Guía para estructurar CSS para HTML5

toWerS — Sat, 03 Oct 2009 06:44:37 +0000

En woork han escrito un interesante artículo (en inglés) de como estructurar código CSS para el nuev

HTML 5

jelledetaeye — Thu, 24 Sep 2009 11:22:46 +0000

Desde hace tiempo el diseño web ha tenido que ir sufriendo las diferentes lecturas de los navegadore

Enlaces a tutoriales

jelledetaeye — Thu, 17 Sep 2009 10:50:38 +0000

http://w3schools.com/ en esta página se pueden encontrar tutoriales desde HTML, CSS, XHTML, XML hast

HTML5 - Hoja de referencia

toWerS — Tue, 08 Sep 2009 06:37:25 +0000

Siguiendo con el artículo anterior, vía woork nos llega una fantástica hoja de referencia (chuleta)

The SMALL Element

solutionsonline — Sun, 10 May 2009 14:42:35 +0000

The element, is used to indicate that the enclosed text should be displayed in a smaller font size relative to the current font size.This is a presentation element and is deprecated in XHTML and HTML Strict Versions.

Syntax:
Text to be displayed in smaller font size

Valid Properties:
The Element has the following properties

1. class
2. dir
3. id
4. lang
5. style
6. title

See the common properties page for details on the use of these properties.

Example:
This is displayed in a relatively smaller font size than the usual text size using the Small element of HTML.

Notes:
1. HTML 2.0 and HTML 3.2 do not support any properties for the element.
2. The element is deprecated in favour of style sheets.

See Also:
1. Big Element.

The BIG Element

solutionsonline — Sun, 10 May 2009 14:38:32 +0000

The <big> element, is used to indicate that the enclosed text should be displayed in a larger font size relative to the current font size.This is a presentation element and is deprecated in XHTML and HTML Strict Versions.

Syntax:
<big property=”value” property=”value” …>Text to be displayed in larger font size</big>

Valid Properties:
The <big> Element has the following properties

1. class
2. dir
3. id
4. lang
5. style
6. title

See the common properties page for details on the use of these properties.

Example:
This is displayed in <big>a relatively larger font size</big> than the usual text size using the Big element of HTML.

Notes:
1. HTML 2.0 and HTML 3.2 do not support any properties for the <big> element.
2. The <big> element is deprecated in favour of style sheets.

See Also:
1. Small Element.

The BOLDFACE Element

solutionsonline — Sun, 10 May 2009 14:35:43 +0000

The Boldface or the element, is used to indicate that the enclosed text is to be rendered in boldface. This is a presentation element and is deprecated in XHTML and HTML Strict Versions.

Syntax:
Text to be displayed as bold

Valid Properties:
The Boldface Element has the following properties

1. class
2. dir
3. id
4. lang
5. style
6. title

See the common properties page for details on the use of these properties.

Example:
This is displayed in Bold using the Boldface element of HTML.

Notes:
1. HTML 2.0 and HTML 3.2 do not support any properties for the Boldface element.
2. The Boldface element is deprecated in favour of style sheets.
3. The Strong element has wider acceptance and should be preferred over the Boldface element.

See Also:
1. Strong Element.

The VARIABLE Element

solutionsonline — Sat, 09 May 2009 15:09:43 +0000

The Variable or the <var> element, is used to indicate that the enclosed text is the content of a variable in a program. The term variable is used in programming languages to indicate an identifier. This element is logical and the enclosed text is generally rendered in Italics on most browsers.

Syntax:
<var property=”value” property=”value” …>The content of the variable</var>

Valid Properties:
The Variable <var> Element has the following properties

1. class
2. dir
3. id
4. lang
5. style
6. title

See the common properties page for details on the use of these properties.

Example:
X = 10 // Assigns the value 10 to the variable <var>X</var>.
The variable <var>tot_sales</var> should contain the Total Sales Figures for the quarter.
Notes:
1. HTML 2.0 and HTML 3.2 do not support any properties for the Variable <var> element.
2. As a logical element, the Variable <var> Element is useful to bind style sheet rules.
3. The <code>, <kbd>, <samp>, <var> Elements of HTML are used to indicate the contents, input and output of a program.

The STRONG Element

solutionsonline — Sat, 09 May 2009 15:08:04 +0000

The element, is used to logically indicate that the enclosed text is strongly emphasised. The enclosed text is usually rendered in boldface by many browsers but its rendering is not guarenteed as it is a logical element.

Syntax:
Text

Valid Properties:
The Element has the following properties

1. class
2. dir
3. id
4. lang
5. style
6. title

See the common properties page for details on the use of these properties.

Example:
It is really important that you people pay ateention in the class.
Notes:
1. HTML 2.0 and HTML 3.2 do not support any properties for the element.
2. As a logical element, it is useful to bind style sheet rules.
3. As compared to the Boldface element, the element has a meaning and the voice browsers may speak enclosed text in a different voice than the text enclosed in the Boldface element.

The SAMP Element

solutionsonline — Fri, 08 May 2009 14:35:51 +0000

The Sample Output or the <samp> element, is used to logically indicate that the enclosed text is the output generated by a program. The content enclosed by this element is rendered in mono space font by many browsers.

Syntax:
<samp property=”value” property=”value” …>Output Text</samp>

Valid Properties:
The Sample Output <samp> Element has the following properties

1. class
2. dir
3. id
4. lang
5. style
6. title

See the common properties page for details on the use of these properties.

Example:
When the program asks you input a string just type <kbd>Great Day</kbd> from the keyboard. Once you have typed and hit the return key you will see the output of the program as <samp>yaD taerG</samp>.

Notes:
1. HTML 2.0 and HTML 3.2 do not support any properties for the Sample Output <samp> element.