Cómo crear una página de prueba en línea en formato HTML

lt;headgt;

lt;titlegt;Título de la páginalt;/titlegt;

lt; / headgt;

lt;bodygt;<

Esta es mi primera página de inicio.

lt;bgt;El texto aquí está en negritalt;/bgt;

lt;/bodygt;

lt;/htmlgt; Guardar este archivo es "mypage" .htm". Inicie el navegador. Elija Abrir (o Abrir página) en el menú Archivo y aparecerá un cuadro de diálogo. Seleccione "Examinar" (o "Seleccionar archivo"), busque el archivo HTML que acaba de crear: "mypage.htm", seleccione el archivo y haga clic en "Abrir". Luego, en el cuadro de diálogo, verá la dirección del archivo, por ejemplo: "C:\MyDocuments\mypage.htm". Haga clic en "Aceptar" y el navegador mostrará la página.

------------------------------------------- ----- ------------------------------------- Como ejemplo, la primera etiqueta en el documento HTML es lt ;htmlgt;. La última etiqueta en un documento HTML es lt;/htmlgt;, que le indica al navegador que este es el final del documento HTML. El texto entre las etiquetas lt;headgt; y lt;/headgt; es la información del encabezado. La información del encabezado no se muestra en la ventana del navegador. El texto entre las etiquetas titlegt; y es el título del documento, que aparece en la barra de título de la ventana del navegador. El texto entre las etiquetas y es el texto del cuerpo que se muestra en el navegador. El texto entre las etiquetas lt;bgt; y lt;/bgt; es el texto del cuerpo y se muestra en negrita en el navegador.

--FAQ: Terminé de escribir el archivo HTML, pero no puedo ver el resultado en el navegador, ¿por qué?

R: Asegúrese de guardar el archivo con el nombre y la extensión correctos, como "c:\mypage.htm", y asegúrese de utilizar el mismo nombre de archivo cuando abra el archivo en su navegador. P: Edité un archivo HTML pero los cambios no aparecen en el navegador, ¿por qué?

R: El navegador almacena en caché su página para que no necesite leer la misma página dos veces. El navegador no sabe que usted modificó la página. Utilice el botón "Actualizar/Recargar" para forzar al navegador a leer la página editada.

------------------------------------------- ----- ----------------------------------

Etiquetas HTML básicas: (2): HTML Las etiquetas más importantes son aquellas que definen elementos de encabezado, párrafos y saltos de línea.

Elementos de título Los elementos de título se definen mediante las etiquetas lt;h1gt a lt;h6gt;. lt; h1gt; define el elemento de encabezado más grande, lt; h6gt;

lt;h1gt;Este es un encabezadolt;/h1gt;

lt;h2gt;Este es un encabezadolt;/h2gt;

lt;h3gt;Este es un encabezadolt;/h3gt;

lt;h4gt;Este es un encabezadolt;/h4gt;

lt;h5gt;Este es un encabezadolt;/h5gt;

lt;h6gt;Este es un encabezadolt;/h6gt;

HTML agregará automáticamente líneas en blanco antes y después del elemento de encabezado.

(3): Párrafo Los párrafos se definen con etiquetas lt;

lt;pgt;Este es otro párrafolt;/pgt;HTML agregará automáticamente líneas en blanco antes y después de un párrafo.

------------------------------------------- ----- ------------------------------------- Los saltos de línea se utilizan para finalizar una línea pero no desea comenzar un nuevo párrafo, use la marca lt; No importa dónde esté colocada la etiqueta lt;brgt;, puede forzar un salto de línea.

lt;pgt; Thislt;brgt; es un párrafolt;brgt;picturelt;lt;brgt;lt;brgt;lt;brgt;La etiqueta es una etiqueta vacía y no tiene etiqueta final.

Notas básicas: consejos prácticos Cuando escribe texto HTML, no puede estar seguro de cómo aparecerá ese texto en otros navegadores. Algunas personas usan monitores grandes y otras usan monitores pequeños. Cada vez que el usuario cambia el tamaño de la ventana, se reformatea el texto. No escriba líneas ni espacios en blanco en su editor para facilitar el formato. El número de espacios no importa, simplemente trátelo como un solo espacio. Nota adicional: en HTML, una línea vacía también se considera un espacio. Usar párrafos vacíos lt;pgt; Insertar líneas en blanco es un mal hábito y se debe hacer usando la etiqueta lt;brgt; (Pero no utilice la etiqueta lt;brgt; para crear una lista; analizaremos las listas HTML específicamente más adelante). Quizás hayas notado que puedes escribir párrafos sin la etiqueta final lt;/pgt;. No confíe en ello; la próxima versión de HTML no le permitirá omitir ninguna etiqueta de cierre; HTML agregará automáticamente líneas en blanco adicionales antes y después de ciertos elementos, tal como lo hace antes y después de los elementos de párrafo y encabezado. Usamos líneas horizontales (lt; hrgt; marcadores) para separar secciones del tutorial.

Más ejemplos: a: Varios párrafos:

lt;htmlgt;

lt;bodygt;

lt;pgt; p>

Este párrafo

contiene una gran cantidad de líneas en el código fuente

pero el navegador

lo ignora.

lt;/pgt;

lt;pgt;

Este párrafo

contiene una gran cantidad de líneas en el código fuente

, pero el navegador

lo ignora.

lt;/pgt;

lt;pgt;

El número de líneas de un párrafo depende del tamaño del navegador.

lt;/pgt;

lt;pgt;

El número de líneas de un párrafo depende del tamaño de la ventana del navegador. Si cambia el tamaño de la ventana de su navegador, el número de líneas del párrafo también cambiará. gt;

lt;/bodygt;

lt;/htmlgt;

(Este ejemplo ilustra parte del comportamiento predeterminado de los párrafos.

) b: Salto de línea:

lt;htmlgt;

lt;bodygt;

lt;pgt;

Para romper una línea en un párrafo, utilice la etiqueta br.

lt;/pgt;

lt;/bodygt;

lt;/htmlgt;

(Este ejemplo muestra que en un Documento HTML Uso de saltos de línea)

c: Pregunta de poesía: lt;htmlgt;

lt;bodygt;

lt;pgt;

Mi Bonnie está sobre el mar.

Mi Bonnie yace sobre el océano.

Oh, tráeme de vuelta a mi Bonnie.

lt；/pgt；

lt ;pgt;Tenga en cuenta que su navegador simplemente ignora su formato!lt;/pgt;

lt;/bodygt;

lt;/htmlgt;

(este El ejemplo ilustra algunos problemas con el formato de visualización HTML) d: Elemento de título: lt; htmlgt;

lt; bodygt; ;

lt;h2gt;Este es el encabezado 2lt;/h2gt;

.lt;h3gt;Este es el encabezado 3lt;/h3gt;

lt;h4gt ; Este es el rumbo 4lt;/h4gt;

lt;h5gt;Este es el rumbo 5lt;/h5gt;

lt;Este es el rumbo 6lt;/h6gt;

lt;pgt;La etiqueta de encabezado se usa solo para encabezados. No los utilices sólo por audacia. Utilice otras etiquetas para este propósito. lt;/pgt;

lt;/bodygt;

lt;/htmlgt;

(Este ejemplo ilustra el marcado que muestra el elemento de título en HTML. ) e : Elemento de título centrado: lt; htmlgt;

lt; bodygt;

lt; h1 align="center"gt; p>

lt;pgt;El encabezado de arriba es

lt;pgt;El encabezado de arriba está alineado con el centro de esta página.lt;/pgt

lt;/ bodygt;

lt;/htmlgt;

(Este ejemplo muestra un elemento de título centrado.) f: línea horizontal:lt;htmlgt;

lt;bodygt ;

lt;bodygt;

lt;/htmlgt;

p>

lt;pgt;La etiqueta hr define una regla horizontal: hrgt;

lt;pgt;Este es un párrafolt;/pgt;

lt;/bodygt ;

lt;/htmlgt;

(Este ejemplo demuestra cómo insertar una línea horizontal.

)

g: Comentarios ocultos: lt;htmlgt;

lt;bodygt;

lt;! --Este comentario no se mostrará--gt;

lt;pgt;Este es un párrafo normallt;/pgt;

lt;/bodygt;

lt;/htmlgt;

(Este ejemplo muestra cómo insertar comentarios ocultos en un documento HTML.) h: Color de fondo: lt;htmlgt;

lt;body bgcolor= " yellow"gt;

lt;h2gt;Mira: ¡Fondo colorido! lt;/h2gt;

lt;/bodygt;

lt;/htmlgt;

(Este ejemplo muestra cómo configurar el color de fondo de la página.