¿Qué es un archivo HTML?

¿Qué es un archivo HTML?

* HTML significa Hyper Text Markup Language
* Un archivo HTML es un archivo de texto que contiene pequeñas etiquetas de marcas
* Las etiquetas de marcas le dice al navegador Web cómo mostrar la página
* Un archivo HTML debe tener un htm o html de extensión de archivo
* Un archivo HTML se pueden crear utilizando un simple editor de texto

¿Quieres probarlo?

Si está utilizando Windows, inicia el Bloc de Notas.

Si se encuentra en un Mac, SimpleText empezar.

En OSX empezar TextEdit y cambiar las siguientes preferencias: Abra el "Formato" y seleccione "texto plano" en lugar de "texto enriquecido". A continuación, abra la ventana "Preferencias" en el marco del "editor de texto" y del menú seleccione "No haga caso de comandos de texto enriquecido en los archivos HTML". Su código HTML probablemente no funcionará si no cambian las preferencias por encima!

Escriba el texto siguiente:

<html>
<head>
<title> Título de la página </ title>
</ head>
<body>
Esta es mi primera página de inicio. <b> Este texto es negrita </ b>
</ body>
</ HTML>

Guarde el archivo como "mipagina.htm".

Inicie su navegador de Internet. Seleccione "Abrir" (o "Open Page" en el menú Archivo de su navegador. Aparecerá un cuadro de diálogo. Seleccione "Buscar" (o "Elegir archivo" y localizar el archivo HTML que acaba de crear - "mipagina.htm" - seleccione y haga clic en "Abrir". Ahora debería ver una dirección en el cuadro de diálogo, por ejemplo "C: \ MisDocumentos \ mipagina.htm". Haga clic en Aceptar y el navegador muestra la página.
Ejemplo de Explicación

La primera etiqueta en un documento HTML es <html>. Esta etiqueta le indica a su navegador que este es el comienzo de un documento HTML. La última etiqueta de su documento es </ html>. Esta etiqueta le indica a su navegador que este es el final del documento HTML.

El texto entre <head> la etiqueta y la etiqueta </ head> es la información de cabecera. La información de cabecera no se muestra en la ventana del navegador.

El texto entre las etiquetas <title> es el título de su documento. El título se visualiza en su navegador la leyenda.

El texto entre las etiquetas <body> es el texto que se mostrará en su navegador.

En el texto entre las <b> y </ b>, las etiquetas se mostrarán en negrita.

HTM, HTML o prórroga?

Cuando se guarda un archivo HTML, puede utilizar cualquiera de los. Htm o el archivo. Html extensión. Hemos utilizado. Htm en los ejemplos. Podría ser una mala costumbre heredada del pasado, cuando algunos de los programas informáticos de uso común sólo permitió tres letras de extensión.

Con los nuevos programas informáticos creemos que será perfectamente seguro de usar. Html.

Nota a los editores HTML:

Puedes editar fácilmente los archivos HTML utilizando un WYSIWYG (lo que ves es lo que obtienes) como editor de FrontPage o Dreamweaver, en lugar de escribir su etiquetas de marcas en un archivo de texto sin formato.

Sin embargo, si quieres ser un hábil desarrollador web, le recomendamos que utilice un simple editor de texto para aprender su primer HTML.

Preguntas más frecuentes

Q: Después de que he editado un archivo HTML, no puedo ver el resultado en mi navegador. ¿Por qué?
R: Asegúrese de que usted haya guardado el archivo con un nombre propio y de extensión, como "c: \ mipagina.htm". Asimismo, asegúrese de que use el mismo nombre al abrir el fichero en su navegador.

Q: Tengo editado un archivo HTML, pero los cambios no aparecen en el navegador. ¿Por qué?
R: Un navegador escondites de páginas por lo que no tiene que leer la misma página dos veces. Cuando usted haya modificado una página, el navegador no lo sabemos. Utilice el navegador de actualización / botón de recargar a la fuerza el navegador para volver a cargar la página.

Q: ¿Qué navegador debo usar?
A: Usted puede hacer todo con la formación de todos los conocidos navegadores, como Internet Explorer, Firefox, Netscape o Opera. Sin embargo, algunos de los ejemplos en nuestro clases avanzadas requieren las últimas versiones de los navegadores.

Q: ¿Mi ordenador tiene que ejecutar Windows? ¿Y con respecto a un Mac?
A: Usted puede hacer todo en su formación de ordenador con Windows como un Mac.

Documentos HTML son archivos de texto compuesto de elementos HTML.

HTML elementos se definen mediante las etiquetas HTML.
Las etiquetas HTML

* Etiquetas HTML se utilizan para marcar los elementos de HTML
* Etiquetas HTML están rodeados por los dos caracteres <y>
* Los personajes que rodean están llamados paréntesis angulares
* Etiquetas HTML normalmente vienen en pares como <b> y </ b>
* La primera etiqueta a un par es la etiqueta inicial, la segunda etiqueta es la etiqueta final
* El texto entre el inicio y el final etiquetas es el elemento de contenido
* Etiquetas HTML no son sensibles a mayúsculas y minúsculas, <b> significa lo mismo que <B>

Elementos HTML

Recuerde el ejemplo HTML de la página anterior:

<html>
<head>
<title> Título de la página </ title>
</ head>
<body>
Esta es mi primera página de inicio. <b> Este texto es negrita </ b>
</ body>
</ HTML>

Se trata de un elemento HTML:

<b> Este texto es negrita </ b>

El elemento HTML comienza con una etiqueta inicial: <b>
El contenido del elemento HTML es el siguiente: Este texto es negrita
El elemento HTML termina con una etiqueta final: </ b>

El propósito de la etiqueta <b> es definir un elemento HTML que debe mostrarse como negrita.

Este es también un elemento HTML:

<body>
Esta es mi primera página de inicio. <b> Este texto es negrita </ b>
</ body>

Este elemento HTML comienza con la etiqueta inicial <body>, y termina con la etiqueta final </ body>.

El objetivo de la <body> es definir el elemento HTML que contiene el cuerpo del documento HTML.
¿Por qué utilizar minúsculas etiquetas?

Nos acaba de decir que las etiquetas HTML no son sensibles a mayúsculas y minúsculas: <B> significa lo mismo que <b>. Si navegar por la web, te darás cuenta de que un montón de sitios en la Web utiliza mayúsculas etiquetas HTML en su código fuente. Siempre uso minúsculas etiquetas. ¿Por qué?

Si desea seguir los últimos estándares web, debería usar siempre minúsculas etiquetas. La World Wide Web Consortium (W3C) recomienda minúsculas etiquetas HTML en su recomendación 4, y XHTML (la próxima generación de HTML) exige minúsculas etiquetas.

Lo más importante en las etiquetas son las etiquetas HTML que definen líneas, párrafos y saltos de línea.

La mejor manera de aprender HTML es trabajar con ejemplos. Hemos creado una muy buena editor HTML para usted. Con este editor, puede modificar el código fuente HTML si lo desea, y haga clic en un botón de prueba para ver el resultado.
Pruébelo usted mismo - Ejemplos

Una muy simple documento HTML
Este es un ejemplo muy sencillo documento HTML, con sólo un mínimo de las etiquetas HTML. Se demuestra cómo el texto dentro de un cuerpo elemento se muestra en el navegador.

Simple párrafos
Este ejemplo demuestra cómo el texto dentro de párrafo elementos se muestran en el navegador.

(Puede encontrar más ejemplos en la parte inferior de esta página)
Encabezados

Las partidas se definen con la <h1> a <h6> etiquetas. <h1> define la mayor partida. <h6> define la más pequeña partida.

<h1> Se trata de una partida </ h1>
<h2> Se trata de una partida </ h2>
<h3> Se trata de una partida </ h3>
<h4> Se trata de una partida </ H4>
<h5> Se trata de una partida </ h5>
<h6> Se trata de una partida </ h6>

HTML añade automáticamente una línea en blanco extra antes y después de una partida.
Párrafos

Los párrafos se definen con la etiqueta <p>.

<p> Esto es un párrafo </ p>
<p> Este es otro párrafo </ p>

HTML añade automáticamente una línea en blanco extra antes y después de un párrafo.
No se olvide de la etiqueta de cierre

Usted habrá notado que los párrafos se pueden escribir sin etiquetas finales </ p>:

<p> Esto es un párrafo
<p> Este es otro párrafo

El ejemplo anterior funciona en la mayoría de los navegadores, pero no confiar en ella. Las futuras versiones de HTML no le permitirá saltarse cualquier fin etiquetas.

Cierre todos los elementos HTML con una etiqueta final es un futuro a prueba de manera de escribir HTML. También hace que el código más fácil de entender (leer y navegar) cuando se marca tanto un elemento que comienza y dónde termina.
Saltos de línea

<br> La etiqueta se usa cuando se quiere romper una línea, pero no quiere comenzar un nuevo párrafo. La etiqueta <br> fuerzas un salto de línea siempre que lo inserta.

<p> <br> Este es un párrafo <br> gráfico con saltos de línea </ p>

Pruébelo usted mismo

<br> La etiqueta es una etiqueta vacía. No tiene como fin la etiqueta </ br>, ya que una etiqueta de cierre no tiene ningún sentido.
<br> o <br />

Más y más a menudo, verá la etiqueta <br> escrito de esta manera: <br />

Debido a que el <br> etiqueta no tiene etiqueta final (o etiqueta de cierre), se rompe una de las normas para las futuras HTML (los XHTML basado en XML), es decir, todos los elementos que debe cerrarse.

Escribir es como <br /> es un futuro la prueba de cierre (o que termina) la etiqueta dentro de la etiqueta de apertura, aceptada por ambas HTML y XML.

Comentarios en HTML

El comentario etiqueta se usa para insertar un comentario en el código fuente HTML. Un comentario será ignorado por el navegador. Puede utilizar los comentarios para explicar su código, que puede ayudarle cuando edite el código fuente en una fecha posterior.

<! - Este es un comentario ->

Ten en cuenta que hay un signo de exclamación después de la apertura brazo, pero no antes de la clausura de soporte.
Recapitular en elementos HTML

* Cada elemento HTML tiene un nombre de elemento (cuerpo, h1, p, br)
* La etiqueta inicial es el nombre rodeado por paréntesis angulares: <h1>
* La etiqueta final es una barra y el nombre, rodeado de paréntesis angulares </ h1>
* El elemento de contenido se produce entre la etiqueta inicial y la etiqueta final
* Algunos elementos HTML no tienen contenido
* Algunos elementos HTML no tienen etiqueta final

Notas básicas - Consejos Útiles

Al escribir texto HTML, que nunca puedes estar seguro de cómo el texto se muestra en otro navegador. Algunas personas tienen grandes pantallas de ordenador, algunos han reducido. El texto será modificado cada vez que el usuario redimensiona su ventana. Nunca trate de formatear el texto en su editor de la adición de líneas vacías y espacios para el texto.

HTML será truncar los espacios en su texto. Cualquier número de espacios cuentan como uno. Algunos información adicional: En HTML una nueva línea cuenta como un espacio.

Utilizando los párrafos <p> vacía para insertar líneas en blanco es una mala costumbre. Use la etiqueta <br> lugar. (Pero no utilice la etiqueta <br> para crear listas. Esperar hasta que haya aprendido sobre las listas HTML.)

HTML añade automáticamente una línea en blanco extra antes y después de algunos elementos, al igual que antes y después de un párrafo, y antes y después de una partida.

Usamos una regla horizontal (<hr> la etiqueta), para separar las secciones de nuestro curso.
Más ejemplos

Más apartados
Este ejemplo demuestra algunas de las conductas por defecto del apartado elementos.

Los saltos de línea
Este ejemplo demuestra el uso de saltos de línea en un documento HTML.

Poema problemas
Este ejemplo pone de manifiesto algunos problemas con formato HTML.

Encabezados
Este ejemplo demuestra las etiquetas que deben mostrarse las partidas en un documento HTML.

Horizontal rule
Este ejemplo demuestra cómo insertar una regla horizontal.

Oculto comentarios
Este ejemplo demuestra cómo insertar un comentario oculto en el código fuente HTML.

Las etiquetas de HTML básico

Si la base de búsqueda de etiquetas HTML en la referencia abajo, verá que la referencia contiene información adicional sobre los atributos etiqueta.

Usted aprenderá más sobre los atributos etiqueta HTML en el próximo capítulo de este tutorial.
Descripción de la etiqueta
<html> Define un documento HTML
<body> Define el documento del organismo
<h1> a <h6> Define la cabecera del 1 al encabezado 6
<p> Define un párrafo
<br> Inserta un único salto de línea
<hr> Define una regla horizontal
<!--> Define un comentario



Fuente:
http://www.w3schools.com

Acá les dejo mis otros post!!!
Así pasan y comentan a ver que les pareció.

http://www.taringa.net/posts/musica/1466339/Madonna-Hard-Candy-2008.html

http://www.taringa.net/posts/info/1497802/La-Memoria-RAM.html

8 comentarios - ¿Qué es un archivo HTML?

subin
muy bueno