¡Advertencia!
Este tema no ha tenido respuestas en más de un mes. Recuerda que si deseas añadir una nueva debes cumplir con las normas de la web.
Guía Básica del HTML
Hola! tengo una guía del HTML.
Comenzamos
1.HTML (Hypertext Markup Languaje)
El HTML es más codificación que un lenguaje de programación.
Su estructúra es tan simple que cualquier persona sin necesidad de saber programación puede aprender. A diferencia del PHP.
Los documentos HTML se escriben en modo ASCII (texto plano), haciendo uso de cualquier procesador de palabras y en cualquier sistema operativo
2. Lo Básico
Debemos saber que el HTML tiene una codificación básica. La cual usa Tags, o etiquetas.
Los TAGS son comandos que se especifican en el cuerpo del programa, con el fin de darle las características deseadas a la información.
Todas las Webs tienen esta esta estructura:
<HTML>
<HEAD>
<TITLE>Esta es mi primera web</TITLE>
</HEAD>
<BODY> Primera web</BODY>
</HTML> La etiqueta "HTML" indica, que vas a comenzar a leer un documento HTML, y siempre al principio y al final de la web. Como aparee en la estructura.
La etiqueta "HEAD" indica un encabezado, la cual contiene información, por ejemplo de el título. que su etiqueta es "TITLE"
En la etiqueta "BODY" va el cuerpo del documento, es lo que realmente vemos en la web. Para comenzar a escribir un documento, es importante tener en cuenta que el lenguaje HTML no distingue mas de un espacio entre caracteres y se olvida de cualquier formato que se le de al texto (negrilla, cursiva, tipo de letra, entre otras). Recordemos que para esto es que se creó el HTML, toda presentación final debe ser proporcionada mediante las etiquetas.
Cada etiqueta, con excepción de unas cuantas, le debe indicar al visualizador cuando finaliza, para lo cual se utiliza </TAG>, donde TAG es puede ser cualquier etiqueta. De esta manera indicamos cuando comienza y termina el encabezado, el título, el cuerpo y el documento HTML.
3. Formatos
Como mencionamos, el HTML NO distingue masa de un espace entre caracteres, saltos de linea, negrilla, cursiva, tamaño y fuente entre otras. Para lograrlas en el HTML, de debe hacer uso de las etiquetas que explicaremos.
Negrita <b></b>
Cursiva <i></i>
Subrayado <u></u>
Monoespaciado <TT> Como en las maquinas de escribir </TT>
Preformateado <PRE> Que conserva todos sus espacios y tabuladores </PRE>
4. Vínculos
Las etiquetas HTML que se encargan de generar los vínculos son <A> y </A>. A esta etiqueta se le debe agregar el "URL" con el que se desea vincular. Esto se realiza de la siguiente manera :
<A HREF="URL">Texto del vínculo</A>Anclas
Cuando un página tiene un gran contenido, es posible hacer que el usuario navegue a través de la página. Para ello se debe marcar tanto el inicio como el fin del ancla.
Para marcar el inicio del ancla se utiliza la etiqueta <A HREF="#sección"> Texto que relaciona al ancla </A> . Nótese que lo que sería en los otros casos el URL se ha cambiado por el nombre que se le da al ancla, precedido del signo #.
Para marcar el fin del ancla (a donde debemos llegar) se hace uso de la etiqueta <A NAME="sección"> Texto del ancla </A>. Donde "sección" debe coincidir con el nombre designado en el inicio del ancla.
Y para imágenes es este:
<IMG SRC= "Nombre del archivo" >6. Tablas
La tabla con borde es útil para desplegar tablas de contenido, resúmenes, cuadros de atención, entre otras.
Pero qué es una tabla?: es un conjunto rectangular de filas y columnas que aparecen en su pantalla.
ESTRUCTURA BÁSICA DE LAS TABLAS
<TABLE BORDER="Número entre 0 y 7">
<CAPTION ALIGN=TOP ó BOTTOM>;Aquí va el texto del título</CAPTION>
<TR>
<TD>Primera fila, primera columna</TD>
<TD>Primera fila, segunda columna</TD>
<TD>Primera fila, tercera columna</TD>
..........
</TR>
<TD>Segunda fila, primera columna</TD>
<TD>Segunda fila, primera columna</TD>
<TD>Segunda fila, primera columna</TD>
..........
</TR>
etc...
</TABLE>Bien, ese fue toda la guía, espero que les haya servido
Muy bien Un genial aporte.
La mayoría de las etiquetas las conozco, pero no viene mal darles un repasito.
La mayoría de las etiquetas las conozco, pero no viene mal darles un repasito.
ÀLo as escrito tu o lo copiaste de algun sitio?Si lo copiaste pon la fuente.
-----
La verdad es un tutorial muy basico,pero no tenia ni idea de la mitad de las cosas.Lo que nunca entenderé del HTML es como y donde se coloca lo de BODY,HEAd y todas esas cosas ... ÀAl azar?
-----
La verdad es un tutorial muy basico,pero no tenia ni idea de la mitad de las cosas.Lo que nunca entenderé del HTML es como y donde se coloca lo de BODY,HEAd y todas esas cosas ... ÀAl azar?
¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻
ÀLo as escrito tu o lo copiaste de algun sitio?Si lo copiaste pon la fuente.
-----
La verdad es un tutorial muy basico,pero no tenia ni idea de la mitad de las cosas.Lo que nunca entenderé del HTML es como y donde se coloca lo de BODY,HEAd y todas esas cosas ... ÀAl azar?
Es obvio que lo copió.
___
Según algunos códigos que ví, y como quedan, los HEADS y BODY van al principio.
Ya, ÀPero los coloca al principio donde quiera?ÀY si en el diseño hay un sitio especcifico?
¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻
Solo copié la guía y la modifique a mi gusto, si es necesario pongo la fuente.
<html>
<head> <!--- pones lo que necesites de cabecera, por ejemplo: --->
<title>Titulo de la pagina</title>
</head>
<body>
Aqui van las tablas, el texto, los formatos, las imagenes... En definitiva, lo que se ve al explorar una pagina web
</body>
</html>
Esto es lo que siempre va cuando haces una página web simple, usando html (nada de php, ni ninguna otra cosa.
Osea,que usando only HTML te quedaria una web como ... si fuese un documento de OpenOffice (es de codigo libre Cejota se enorgullecera) con un titulo en grande y ya está.
¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻
Osea,que usando only HTML te quedaria una web como ... si fuese un documento de OpenOffice (es de codigo libre Cejota se enorgullecera) con un titulo en grande y ya está.
Si no me equivoco el título lo regulas a gusto propio.
Osea,que usando only HTML te quedaria una web como ... si fuese un documento de OpenOffice (es de codigo libre Cejota se enorgullecera) con un titulo en grande y ya está.
Si no me equivoco el título lo regulas a gusto propio.
Es verdad, el titulo, lo regulas como te de la gana.
Osea,que usando only HTML te quedaria una web como ... si fuese un documento de OpenOffice (es de codigo libre Cejota se enorgullecera) con un titulo en grande y ya está.
Si no me equivoco el título lo regulas a gusto propio.
Es verdad, el titulo, lo regulas como te de la gana.
Se hace con formatos como el "<b></b>" y esas cosas.
Osea,que usando only HTML te quedaria una web como ... si fuese un documento de OpenOffice (es de codigo libre Cejota se enorgullecera) con un titulo en grande y ya está.
Si usas solo HTML si, pero luego con las hojas de estilo (CSS) lo puedes dejar más cuco. :%:
¡Soy el fantasma de Habtium! Me dedico a reemplazar aquellas cuentas que han sido eliminadas. 👻
El títutlo me refiero al título que aparece en la barra del navegador, como en este hilo arriba aparece HabboS ~ Foro ~ Guía Básica del HTML.
El títutlo me refiero al título que aparece en la barra del navegador, como en este hilo arriba aparece HabboS ~ Foro ~ Guía Básica del HTML.
Es verdad, todas las webs tienen q tener titulo o sinó solo se ve el link de la web
El títutlo me refiero al título que aparece en la barra del navegador, como en este hilo arriba aparece HabboS ~ Foro ~ Guía Básica del HTML.
Bueno, ese título si es modificable, pero no se le puede dar formatos ni nada de eso.
El títutlo me refiero al título que aparece en la barra del navegador, como en este hilo arriba aparece HabboS ~ Foro ~ Guía Básica del HTML.
Es verdad, todas las webs tienen q tener titulo o sinó solo se ve el link de la web
Ciertísimo. Nunca una web queda sin título.