Actividades HTML

April 21

Actividades que le ayudan a entender y programa con HTML incluyen la creación de una plantilla, añadir el contenido, el formato del contenido, la inserción de enlaces y elementos de posicionamiento. Cada una de estas actividades ofrece muchos proyectos para la construcción de dominio de HTML. Considere la posibilidad de complementar sus actividades HTML con los proyectos que se centran habilidades CSS, que le permiten estilizar y páginas Web Format. Además, el trabajo en proyectos que utilizan JavaScript para que pueda escribir programas que interactúan con los lectores de su página.

Hacer una plantilla

Una actividad relacionada HTML adecuado para los nuevos programadores web es crear una página web plantilla que más adelante podrá añadir contenido a. Para crear una plantilla tal, pegar las instrucciones HTML después de esta sección en un nuevo documento de WordPad o Bloc de notas, a continuación, guarde el documento con cualquier nombre de archivo que terminan en "HTML" o "HTM".

Adición de contenido

Una actividad esencial para el aprendizaje de HTML es la adición de contenido a una página Web. Adición de texto a la sección del cuerpo de un documento HTML es una de las maneras más fáciles de añadir contenido. De hecho, intérprete HTML de su navegador no requiere etiquetas HTML para mostrar el contenido de la etiqueta del cuerpo. Simplemente escriba algún texto en cualquier lugar entre el "<body>" y "</ body>" palabras clave de cualquier página web. Cuando se carga la página en su navegador web, verá el texto sin formato.

formato del contenido

Después de aprender a añadir contenido a una página Web, aprender cómo dar formato a ese contenido. actividades incluyen la aplicación de formato en negrita, cursiva y subrayado al texto; cambiar la fuente del texto y tareas relacionadas. Aprende a cambiar el tipo de letra de un párrafo en un documento HTML, a partir de la inserción de la siguiente declaración de la muestra en una página Web.

<P style = "font-family: Courier"> Un texto </ p>

Para ver cómo la página se ve en diferentes tipos de letra, cambiar el "Helvetica" nombre de la fuente con el nombre de otras fuentes, tales como "Times New Roman" o "Arial". Para obtener una lista de otras fuentes para probar, haga clic en el Windows botón "Inicio", "Fuentes" en el cuadro de mando.

Añadir enlaces

La mayoría de las páginas web permiten a los usuarios acceder a otras páginas, incluyendo las páginas en otro sitio. Que permite la navegación consiste en insertar hipervínculos con la etiqueta de anclaje HTML. La siguiente declaración de la muestra tiene un hipervínculo puede modificar para adaptarse a sus necesidades. Reemplazar "ENLACE DE TEXTO AQUÍ" de la etiqueta de texto con el texto que desea que el enlace que se vea. Para especificar la página el enlace conduce a, el tipo sobre el texto "ALGUNAS-URL" con una URL válida.

<a href="http://www.SOME-URL.com"> enlace texto aquí </a>

Elementos de Posicionamiento

Después de haber completado proyectos para aprender los conceptos básicos de codificación HTML, usted quiere construir páginas más sofisticados. Este maquillaje involucran el uso de códigos de estilo CSS para hacer que sus páginas web se vean exactamente de la manera deseada. Una actividad que implica códigos CSS escritura en etiquetas HTML está posicionando un elemento HTML a una ubicación de la pantalla que se especifique. Puede llevar a cabo esta actividad pegando el siguiente programa de ejemplo de esta sección en un nuevo documento HTML, y luego abrir el documento en un navegador. Esta página de ejemplo utiliza la etiqueta de estilo HTML para establecer la posición horizontal y vertical de un párrafo. Cambiar los valores de la izquierda y de arriba a experimentar con la colocación del párrafo en diferentes puntos en la página.

<Html>
<Head>
<Body>
<P style = "position: absolute; top: 500px; left: 750px;"> Un texto </ p>
</ Body>
</ Html>