¿Qué es un archivo HTML? 2° parte

¿Qué es un archivo HTML?

Atributos HTML


Atributos adicionales de proporcionar información a un elemento HTML.
Atributos etiqueta HTML
Las etiquetas HTML pueden tener atributos. Atributos adicionales de proporcionar información a un elemento HTML.

Atributos siempre vienen en nombre / valor pares como esto: name = "valor".

Los atributos son siempre en la etiqueta inicial de un elemento HTML.
Atributos Ejemplo 1:

<h1> define el comienzo de una partida.

<h1 align="center"> tiene información adicional acerca de la alineación.

Pruébelo usted mismo: Centro de partida alineados
Atributos Ejemplo 2:

Fuente:



Entidades de caracteres HTML


Algunos personajes como el <carácter, tienen un significado especial en HTML, por lo que no puede ser utilizada en el texto.

Para mostrar menos de un signo (< en HTML, tenemos que utilizar un personaje entidad.
Entidades de caracteres

Algunos caracteres tienen un significado especial en HTML, al igual que los de menos de signo (< que define el inicio de una etiqueta HTML. Si queremos que el navegador para realmente mostrar estos caracteres que debemos insertar entidades de caracteres en el código fuente HTML.

Un personaje entidad tiene tres partes: un ampersand (&, una entidad o un nombre # y un número de entidad, y, por último, un punto y coma (.

Para mostrar un signo menos que en un documento HTML que debemos escribir: <o <

La ventaja de usar un nombre en lugar de un número es un nombre que es más fácil de recordar. La desventaja es que no todos los navegadores admiten la más nueva entidad nombres, mientras que el apoyo a la entidad los números es muy buena en casi todos los navegadores.

Tenga en cuenta que las entidades distinguen entre mayúsculas y minúsculas.

Este ejemplo le permite experimentar con carácter de entidades: entidades de caracteres
No romper la tecnología espacial

La más común de carácter entidad en el HTML es no romper el espacio.

Normalmente se HTML truncar espacios en su texto. Si escribe 10 espacios en su texto HTML se eliminará 9 de ellos. Para añadir espacios a su texto, utilice el carácter entidad.
La más común de entidades de caracteres:
Descripción de los resultados el nombre de la entidad entidad número
No romper el espacio
<Menor que <<
> Mayor que>>
Ampersand & & &
"Comillas" "
«Apóstrofe» (no funciona en IE) '
Algunos otros de uso común entidades de caracteres:
Descripción de los resultados el nombre de la entidad entidad número
¢ ¢ ¢ ciento
£ £ £ libras
¥ ¥ ¥ yen
€ € € euro
Sección § § §
© copyright © ©
Marca registrada ® ® ®
× × × multiplicación
División ÷ ÷ ÷

Para ver una lista completa de entidades de caracteres HTML vaya a nuestro HTML Entidades de referencia.

<body> define el cuerpo de un documento HTML.

<body bgcolor="yellow"> tiene información adicional sobre el color de fondo.

Pruébelo usted mismo: Color de fondo
Atributos Ejemplo 3:

<table> define una tabla HTML. (Usted aprenderá más acerca mesas más tarde HTML)

<table border="1"> tiene información adicional sobre la frontera alrededor de la mesa.
Use minúsculas atributos

Los atributos y valores de atributo se distingue entre mayúsculas y minúsculas. Sin embargo, la World Wide Web Consortium (W3C) recomienda minúsculas atributos y valores de atributos en su recomendación 4 HTML, XHTML y demandas minúsculas atributos / valores de atributo.
Siempre citar valores de atributos

Los valores de atributos siempre debe escribirse entre comillas. Doble estilo comillas son las más comunes, pero el estilo único de citas también son permitidos.

En algunas situaciones raras, como cuando el valor del atributo en sí contiene comillas, es necesario utilizar comillas simples:

name = "John" escopeta "Nelson"

Formato de texto HTML


HTML define una gran cantidad de elementos para el formato de salida, al igual que en negrita o cursiva texto.

A continuación se presentan un montón de ejemplos que usted puede probar usted mismo:
Ejemplos

Formato de texto
Este ejemplo demuestra cómo se puede formatear texto en un documento HTML.

Texto preformateado
Este ejemplo demuestra cómo usted puede controlar los saltos de línea y los espacios con la etiqueta anterior.

El "Equipo de producción" etiquetas
Este ejemplo demuestra cómo diferentes "salida a ordenador" tags van a ser mostradas.

Dirección
Este ejemplo demuestra cómo escribir una dirección en un documento HTML.

Abreviaturas y siglas
Este ejemplo demuestra cómo manejar una abreviatura o un acrónimo.

Dirección del texto
Este ejemplo demuestra cómo cambiar la dirección del texto.

Citas
Este ejemplo demuestra cómo manejar largas y cortas citas.

Y suprime el texto insertado
Este ejemplo demuestra cómo para marcar un texto que se suprime o se inserta en un documento.
Cómo Ver código fuente HTML

¿Alguna vez has visto una página web y se pregunta "Hey! ¿Cómo hacer eso?"

Para averiguarlo, haga clic en la opción VER en su barra de herramientas del navegador y seleccionar fuente o índices FUENTE. Se abrirá una ventana que te muestra el código HTML de la página.
Etiquetas de formato de texto
Descripción de la etiqueta
Define <b> texto en negritas
Define <big> gran texto
Define <em> hizo hincapié en texto
Define <i> cursiva texto
Define <small> pequeño texto
Define fuerte <strong> texto
Define <sub> texto subíndice
Define <sup> texto en superíndice
Define <ins> texto insertado
<Supr> Define el texto suprimido
<s> Desaprobado. Use <Supr> lugar
<strike> Desaprobado. Use <Supr> lugar
<u> Desaprobado. Use estilos en lugar
"Computer Output" Las etiquetas
Descripción de la etiqueta
<code> Define el código de texto
Define <kbd> teclado de texto
Define <samp> muestra código de computadora
Define <tt> texto teletipo
<var> Define una variable
Define <pre> texto preformateado
<listing> Desaprobado. Use <pre> lugar
<plaintext> Desaprobado. Use <pre> lugar
<xmp> Desaprobado. Use <pre> lugar
Citas, citas, Definición y etiquetas
Descripción de la etiqueta
<abbr> Define una abreviatura
<acronym> Define un acrónimo
<direccion> Define una dirección elemento
<bdo> Define la dirección del texto
<blockquote> Define una larga cita
<q> Define una breve cita
<cite> Define una cita
<dfn> Define una definición plazo

Entidades de caracteres HTML


Algunos personajes como el <carácter, tienen un significado especial en HTML, por lo que no puede ser utilizada en el texto.

Para mostrar menos de un signo (< en HTML, tenemos que utilizar un personaje entidad.
Entidades de caracteres

Algunos caracteres tienen un significado especial en HTML, al igual que los de menos de signo (< que define el inicio de una etiqueta HTML. Si queremos que el navegador para realmente mostrar estos caracteres que debemos insertar entidades de caracteres en el código fuente HTML.

Un personaje entidad tiene tres partes: un ampersand (&, una entidad o un nombre # y un número de entidad, y, por último, un punto y coma (.

Para mostrar un signo menos que en un documento HTML que debemos escribir: <o <

La ventaja de usar un nombre en lugar de un número es un nombre que es más fácil de recordar. La desventaja es que no todos los navegadores admiten la más nueva entidad nombres, mientras que el apoyo a la entidad los números es muy buena en casi todos los navegadores.

Tenga en cuenta que las entidades distinguen entre mayúsculas y minúsculas.

Este ejemplo le permite experimentar con carácter de entidades: entidades de caractereshttp://www.w3schools.com/html/tryit.asp?filename=tryhtml_entities

No romper la tecnología espacial

La más común de carácter entidad en el HTML es no romper el espacio.

Normalmente se HTML truncar espacios en su texto. Si escribe 10 espacios en su texto HTML se eliminará 9 de ellos. Para añadir espacios a su texto, utilice el carácter entidad.
La más común de entidades de caracteres:
Descripción de los resultados el nombre de la entidad entidad número
No romper el espacio
<Menor que <<
> Mayor que>>
Ampersand & & &
"Comillas" "
«Apóstrofe» (no funciona en IE) '
Algunos otros de uso común entidades de caracteres:
Descripción de los resultados el nombre de la entidad entidad número
¢ ¢ ¢ ciento
£ £ £ libras
¥ ¥ ¥ yen
€ € € euro
Sección § § §
© copyright © ©
Marca registrada ® ® ®
× × × multiplicación
División ÷ ÷ ÷

Html latín-1 entidades de caracteres de referencia

4,01 HTML apoya la ISO 8859-1 (Latin-1) el conjunto de caracteres.

La parte inferior de la norma ISO-8859-1 (códigos 0-127) es el original 7-bit ASCII.

La mayor parte de la norma ISO-8859-1 (códigos 160-255) tienen carácter de entidad nombres.

La mayoría de estos personajes puede ser utilizado sin una entidad de referencia, pero los nombres de entidad o entidad números de proporcionar un método para expresar los caracteres que no pueden ser fácilmente introducido en un teclado.

Nota: Entidad nombres distinguen entre mayúsculas y minúsculas.
ASCII entidades con nombres de entidad
Descripción de los resultados el nombre de la entidad entidad número
"Comillas" "
«Apóstrofe» (no funciona en IE) '
Ampersand & & &
<Menor que <<
> Mayor que>>

ISO 8859-1 símbolo entidades
Descripción de los resultados el nombre de la entidad entidad número
No romper el espacio
¡Invertida exclamación ¡¡
¢ ¢ ¢ ciento
£ £ £ libras
¤ ¤ ¤ moneda
¥ ¥ ¥ yen
| Roto barra vertical | |
Sección § § §
Espaciamiento diaeresis ¨ ¨ ¨
© copyright © ©
ª indicador ordinal femenino ª ª
«Ángulo de cotización marca (a la izquierda)« «
Negación ¬ ¬ ¬
-- Suave guión - --
Marca registrada ® ® ®
¯ espaciamiento macron ¯ ¯
° ° ° grado
± más-menos ± ±
Superíndice 2 ² ² ²
Superíndice 3 ³ ³ ³
'Espaciamiento aguda ""
Micro μ μ μ
¶ ¶ ¶ párrafo
Medio punto
Espaciamiento ¸ ¸ ¸ cedilla
Superíndice 1 ¹ ¹ ¹
º indicador ordinal masculino º º
»Ángulo quotation mark (a la derecha)» »
¼ fracción 1 / 4 ¼ ¼
½ fracción 1 / 2 ½ ½
¾ fracción 3 / 4 ¾ ¾
¿Signo de interrogación invertida ¿¿
× × × multiplicación
División ÷ ÷ ÷

ISO 8859-1 entidades de caracteres
Descripción de los resultados el nombre de la entidad entidad número
À capital a, acento grave À À
Á capital a, acento agudo Á Á
 capital a, acento circunflejo  Â
à capital a, tilde à Ã
Ä capital a, diéresis marca Ä Ä
Å capital a, anillo Å Å
Æ capital AE Æ Æ
Ç C mayúscula, cedilla Ç Ç
È capital e, acento grave È È
É capital e, acento agudo É É
Ê capital e, acento circunflejo Ê Ê
Ë capital e, diéresis marca Ë Ë
Ì capital i, acento grave Ì Ì
Í capital i, acento agudo Í Í
Î capital i, acento circunflejo Î Î
Ï capital i, diéresis marca ¤ Ï
Ð capital eth, islandés Ð Ð
Ñ capital n, tilde Ñ Ñ
Ò capital o, acento grave Ò Ò
Ó capital o, acento agudo Ó Ó
Ô capital o, acento circunflejo Ô Ô
Õ capital o, tilde Õ Õ
Ö capital o, diéresis marca Ö Ö
Ø capital o, barra Ø Ø
Ù capital u, acento grave Ù Ù
Ú capital u, acento agudo Ú Ú
Û capital u, acento circunflejo Û Û
Ü capital u, diéresis marca Ü Ü
Ý capital y, acento agudo Ý Ý
Þ capital THORN, islandés Þ Þ
ß pequeño s fuerte, alemán ß ß
à pequeño a, acento grave à à
á un pequeño, acento agudo á á
â pequeño a, acento circunflejo  Â
ã pequeño a, tilde ã ã
ä pequeño a, diéresis marca ä ä
å pequeño a, anillo å å
æ pequeños AE æ æ
ç pequeño c, cedilla ç ç
è pequeños e, acento grave è è
é pequeño e, acento agudo é é
ê pequeños e, acento circunflejo ê ê
ë pequeños e, diéresis marca ë ë
ì pequeño i, acento grave ì ì
í pequeño i, acento agudo í í
î pequeño i, acento circunflejo î î
ï i pequeña, diéresis marca ï ï
ð pequeños eth, islandés ð ð
ñ pequeño n, ñ tilde ñ
ò o pequeñas, acento grave ò ò
ó pequeñas o, acento agudo ó ó
ô pequeñas o, acento circunflejo ô ô
õ pequeñas o, tilde õ õ
ö o pequeñas, diéresis marca ö ö
ø o pequeñas, barra ø ø
ù pequeños u, acento grave ù ù
ú pequeños u, acento agudo ú ú
û pequeños u, acento circunflejo û û
ü pequeños u, diéresis marca ü ü
ý pequeñas y, acento agudo ý ý
þ pequeña espina, islandés þ þ
ÿ pequeños y, diéresis marca ÿ ÿ

Fuente:
http://www.w3schools.com

0 comentarios - ¿Qué es un archivo HTML? 2° parte