Comandos Básicos de HTML

Empezando por su definición, consideramos una página web a un documento disponible en Internet, o World Wide Web (www), codificado según sus estándares y con un lenguaje espcífico conocido como HTML. Es algo a lo que estamos acostumbrados a acceder si leemos este artículo pero no todos conocen realmente su funcionamiento. A estos sitios se puede llegar a través de los navegadores de Internet, que reciben la información del documento interpretando su código y entregando al usuario la información de manera visual. Estos suelen ofrecer textos, imágenes y enlaces a otros sitios, así como animaciones, sonidos u otros. Una página web necesita un lugar donde alojarse para que cuando el usuario solicite la información desde su navegador, la información que esta contiene se cargue y aparezca en el ordenador. Es por ello que los sitios web se encuentran en un servidor web o host, que podría definirse a grandes rasgos como un gran ordenador que entrega el contenido cuando se solicita por la red. Este mismo servicio de almacenamiento se conoce como hosting. Tipos de página web

Básicamente existen dos tipos de páginas web: estáticas y dinámicas. Las estáticas forman parte de épocas anteriores, puesto que son de contenido fijo y no son aptas a actualizaciones constantes. constantes. En el caso de las dinámicas, pueden ser construidas en HTML o en otra extensión, como por ejemplo PHP. En este último caso se permite la interacción i nteracción en tiempo real, apto para algunas páginas web con estas necesidades específicas, como pueden ser los foros. Elementos principales de una página web Los elementos principales en una página web son: 







Texto: a veces redactado por un único autor y otras veces por los usuarios de la misma en el caso de algunas páginas dinámicas con lenguaje como php. Imágenes: gif, jpg y png son los tres formantos que suelen utilizarse normalmente. Audio y vídeo: suele utilizar las extensiones midi, wav o mp3. También se utilizan las incrustaciones de archivos almacenados en otros sitios, como por ejemplo se hace al añadir vídeos de Youtube. Otros: existen además otros elementos que han ido aumentando y evolucionando también con el paso de los años y las nuevas tecnologías. Estos son Adobe Flash, Flash, Adobe Shockwave, Java o enlaces (también llamados hipervínculos), por ejemplo.

Trusted by over 1 million members

Try Scribd FREE for 30 days to access over 125 million titles without ads or interruptions! Start Free Trial Cancel Anytime.













¿Qué se necesita para crear un sitio web?

Para crear un sitio web se necesita un editor de html o texto. Algunos editores conocidos para esta función son Microsoft Frontpage y Dreamweaver, parecidos a Microsoft Word en su uso pero con su función específica. Por otro lado, existen proveedores que permiten crear páginas sencillas, como es el caso de Wordpress con la creación de blogs y también de páginas web en función de la plantilla que se utilice. Este es un recurso gratuito y sencillo para cualquier usuario. En segundo lugar se necesita un cliente FTP que permita cargar la información a un servidor (en el caso de Wordpress o Blogger no es necesario puesto que es posible alojar la página en sus propios servidores). Los más usados son SmartFTP, aunque es de pago, y los gratuitos Filezilla y OpenSource. Y por último, para acceder a estas páginas web, se necesitan los navegadores. Entre los más utilizados se encuentra Firefox, Safari o Internet Explorer. Este último viene por defecto instalado en los equipos con sistema operativo Microsoft, al igual que ocurre con Safari y los dispositivos de Apple.













Comandos Básicos de HTML Inicio de un documento hipertext Final Final de un documento hipertext Inicio del encabezamient encabezamiento o Final del encabezamient encabezamiento o Inicio del título de pagina Final Final del título de pagina Inicio del cuerpo del programa de la pagina Final del cuerpo del programa de la pagina Fijar el color del fondo de la pagina, que se indica con un codigo de 6 dígitos (X) Inicio del texto en negrita













Final Final del texto en cursiva Inicio del texto parpadeante Final del texto parpadeante
Inicio de texto título
Final Final de texto título
Canvio de parrafo
Canvio Inicio de centraje de un objeto Final de centraje de un objeto
Genra una linea de separación Conexión Conexión hipermedia con otros recursos ( marcadores de la misma pagina, paginas web,...) Final conexión hipermedia Presenta una imagen, un grafico. Admite formatos GIF y JPG

Estructura La estructura de un programa de una pagina es la siguiente: Inicio de la pagina con codigo HTML Inicio Inicio Inicio encabezamient encabezamiento o













Inicio del cuerpo de comandos y de información Final Final del cuerpo Final del codigo de la pagina HTML La escritura de la pagina y el codigo se tienen que realizar con un editor de texto, como el Bloc de notas, Libreta o Notepad de Windows, que estan en el menu de accesorios, y a la hora de guardar el fichero hace falta poner la extension .htm (tienes que guardarlo en formato htm, por ejemplo:" Prueva.htm" Para poder crear una pagina web, necesitamos crear una carpeta que se llame "Web" y alojarla en el Disco duro (C:/Web/Prueva1), que es donde trabajaremos y alojaremos las paginas webs, yo en mi caso llamare a la pagina "Prueva1"

Pagina Pagina Web Web Tablas













video desde youtube
<iframe width="420" height="315" src="http://www.youtube.com/embed/j8roWX... frameborder="0" allowfullscreen> allowfullscreen>
flash, musica y video(agregar el archivo en el codigo html)

Para crear una página web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje. A continuación les mostraremos las etiquetas mas comunes que deben aprenderse para hacer una pagina Web. Estructura de los documentos de HTML Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en común. Un documento de HTML empieza con la etiqueta , que es la que encerrará el documento















cabeza y cuerpo. La cabecera puede contener información y siempre contiene el titulo del documento encerrado por el elemento . En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imágenes, sonidos, hipervínculos, etc. Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden:<br /> <br /> Ejemplo: <HTML> <HEAD> <TITLE> Título de mi página de Internet
Primera pagina
Esta es mi primera pagina, aunque todavía es muy sencilla. Como el lenguaje HTML no es difícil, pronto estaremos en condiciones de hacer cosas mas interesantes.
Aquí va un segundo párrafo.













Titulo sexto
Quedaría mas o menos así: Titulo principal Titulo secundario Titulo terciario Titulo cuarto nivel Titulo quinto Titulo sexto

5. Etiquetas de párrafo

Para esto se utiliza la etiqueta
y
. Este comando es muy útil debido a que si uno escribe algo (en el editor que se este utilizando) por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma línea. Para alinear un párrafo se utiliza el comando y , utilizado dentro de la etiqueta
. Se













escribimos aparezca en otra línea utilizamos el comando
. Al terminar de escribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es
Etiquetas para darle formato al texto: Para el tamaño y tipo de letra se usa la etiqueta y , que posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y color Formato: y Sirve para colocar un texto en Negrita. y < /U> Sirve para subrayar un texto y Sirve para tachar un texto. y Cumple la misma función que













caracteres. Ejemplo: texto... . FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc.

Ejemplo: texto… Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML: 1. Mediante la especificación de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul) 2. Mediante la especificación del nombre del color en ingle s

Ejemplos: Blanco













#000000 Rojo

Rojo

#FF0000 Verde

Verde

#00FF00 Azul















Amarillo

#FFFF00 Cyan

Cyan

#00FFFF













libertad de utilizar 16,7 millones de colores. De esta manera trabajamos independientemente independientemente de los navegadores Web. Si especificamos el nombre del color, podemos evitar la definición del color en forma hexadecimal que es un poco más difícil. Actualmente están estandarizados tan sólo 16 colores. Existen colores adicionales los cuales son dependientes de los navegadores Web. Primero que todo debe escribir un símbolo #. A continuación siguen las 6













3 (0011) 4 (0100) 5 (0101) 6 (0110) 7 (0111) 8 (1000) 9 (1001) A (1010) B (1011) C (1100) D (1101) E (1110) F (1111)













problemas. ¿Qué ocurría con los links o enlaces si colocáramos un fondo de color azul?. Puesto que los links son azules cuando todavía no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo. Se puede imaginar todavía un caso peor si decidiéramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la información que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos













* alink="#número" Color del enlace cuando lo pulsamos. Por lo tanto la etiqueta puede quedar del siguiente modo: Ahora veremos como poner una imagen de fondo. Es muy sencillo, basta con usar la etiqueta: background="localización background="localizació n de la imagen" Esta etiqueta va dentro de la etiqueta















Etiquetas META Son usadas para poner meta-información del documento. Esta "directiva" indica al visor de Internet las palabras clave y contenido de nuestra página Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la página en sus bases de datos.













Indica al visor las palabras clave para los buscadores de Internet. Para hacer listas: Las listas se definen de forma muy sencilla: se dice dónde empieza la lista, dónde empieza cada punto y dónde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de













Tomate Manzana Zanahoria Lechuga Tomate Lista numerada:













Manzana
Zanahoria
Lechuga
Tomate Manzana Zanahoria Lechuga Tomate













Lista con cuadrados:

Manzana
Zanahoria
Lechuga
Tomate















acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen a insertar. Es decir:













Hiperenlaces, Hyperlinks, Anclas o Links Para definir un enlace es necesario marcar













al hacer clic en el texto Foto nos abrirá la imagen.gif. También se puede ir a otro enlace por medio de una imagen. Lo único que se













palabra Mandame un Email se abrirá (por defecto) el Microsoft Outlook Express con la dirección del destinatario ya escrita. Caracteres especiales













* >(Mayor que): > * & (símbolo de and, o ampersand): & * " (comillas dobles): "















* ó: ó













estamos?

























http://www.youtube.com/watch?v=5YpDRG8eAqw

Report "Comandos Básicos de HTML"

Your name

Email

Reason

Description

Copyright © 2025 IDOC.TIPS. All rights reserved.
About Us | Privacy Policy | Terms of Service | Copyright | Contact Us | Cookie Policy

Sign In

Email

Password

Remember me Forgot password?

Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close

fila 1 columna 1 fila 1 columna 2

fila 2 columna 1 fila 2 columna 2

fila 1 columna 1	fila 1 columna 2
fila 2 columna 1	fila 2 columna 2

Comandos Básicos de HTML

Recommend Documents

Inicio de texto título

Primera pagina

Titulo sexto