Scribd
Cargar
5 vistas2 páginas

Resumen Básico de HTML

Este documento resume las principales etiquetas y elementos de una página web en HTML. Explica las etiquetas para el encabezado, título, cuerpo y final de la página. También describe cómo agregar párrafos, cambiar de línea, aplicar estilos de texto como énfasis e imágenes. Por último, explica cómo crear tablas utilizando las etiquetas de fila, columna y final de tabla.

Cargado por

Ivan Soto Guerra
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
5 vistas2 páginas

Resumen Básico de HTML

Este documento resume las principales etiquetas y elementos de una página web en HTML. Explica las etiquetas para el encabezado, título, cuerpo y final de la página. También describe cómo agregar párrafos, cambiar de línea, aplicar estilos de texto como énfasis e imágenes. Por último, explica cómo crear tablas utilizando las etiquetas de fila, columna y final de tabla.

Cargado por

Ivan Soto Guerra
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Resumen Html

<html>
1º) Etiquetas: <html> </html> <head>
a. Encabezado <head> </head>
b. Título <title> </title> <title> Mi primera página web
c. Cuerpo <body> </body>

El encabezado es una instrucción de cabecera del documento. </title>

El título aparece como nombre del archivo que hemos guardado. </head>

2º) Lo que muestra luego el navegador, es todo aquello que <body>


colocamos en body, detrás de </head> y antes de </html>, salvo
Estoy escribiendo código
las etiquetas.
3º) Se pueden escribir comentarios (que no se visualizan en la página </body>
entre los signos <!--comentarios - - >, para aclaraciones.
4º) Titulares: H1 a H6: tamaño de mayor a menor (dentro de body). </html>
5º) <p> y </p> indican principio y fin de un párrafo, que luego
podemos modificar (tamaño, tipo, color…,etc).
6º) Para cambiar de línea (forzado de cambio de línea) se emplea la etiqueta <br> SIN CIERRE.
7º) TEXTO EN VARIOS ESTILOS:
a. Énfasis <em> </em> (itálica, lo mismo que <i> </i>.
b. Fuerte <strong> </strong> (negrilla, igual que <b> </b>).
c. Añadir una línea debajo (una recta) <hr>.
d. Texto tachado <s> </s>.
e. Superíndice y subíndice <sup>--</sup> y <sub>--</sub>.
f. Para cambiar el tipo de fuente escribiríamos <font face=”fuente”> (arial, comic, etc.)
</font>. Se puede añadir tamaño (size=1-7, se puede aumentar o disminuir sobre el
tamaño base con + y -) y color.
g. <img src=”nombre [Link]ón”> en el body .
h. Alineaciones de imágenes: por defecto a la izquierda. Con <center> imagen en el
centro hasta </center> (mejor con hojas de estilo CSS).
i. Alineaciones de texto, con el comando align= (lefth por defecto, center, right o
justify) o bien, dividiendo en párrafos o divisiones (div).
j. <font color= red> Texto </font>
k. Color de fondo <body style="background-color:#FF0000;"> </body>
l. Otra forma de dar color <p style="color: aqua;">-----</p> (mejor con “CSS”) Si no se
indica PÁRRAFO <p>-- </p>, se aplica a todo el documento. Puede ser en hexadecimal, con el
nombre del color o RGB
Nota sobre los colores:

Otra forma de cambiar los colores (de fondo y/o texto) es:

<body bgcolor=”nombre del color” text=”color”> para cambiar el color de fondo y el color de texto.
(se puede utilizar la numeración hexadecimal para cada uno de los colores de monitor
“RRGGBB”, mediante cifras (dos por cada color) que van desde 0 hasta F, precedidos de almohadilla.
Por ejemplo “#000000” representa el color negro, y “#FFFFFF” representaría el blanco, “#FF0000”
rojo, “#00FF00” verde y “#0000FF” azul. (OJO: SIN COMILLAS)

8º) Tablas

<table> abrir tabla </table> cerrar tabla


Fila: <tr>
Columna: <td> Texto 1 </td> <table border=”1”> grosor línea de borde
<td> Texto 2 </td>
<td> Texto 3 </td>………
</tr>
Nueva Fila: <tr> <table bordercolor=”color”> color línea.
Columna: <td> Texto 1 </td>
<td> Texto 2 </td>
<td> Texto 3 </td>………
</tr>

También podría gustarte