Estructura HMTL

 La Estructura de un programa en HTML

Una página web realizada con HTML consta de varios elementos que estructuran el contenido y definen su diseño. Estos elementos incluyen títulos, párrafos, imágenes, enlaces, listas, tablas, formularios y más.

La estructura más habitual y recomendada: 

1.-Document Type Declaration (DTD): Es la primera línea del código HTML y define la versión de HTML que se está utilizando.



2.-Area de Head: Esta sección contiene información sobre el documento como el título de la página, metadatos, enlaces a archivos CSS, scripts, entre otros. Se encuentra entre las etiquetas y .


3.-Recursos (css,scripts): Si se utiliza un archivo CSS externo para estilizar la página, se enlaza a través de la etiqueta dentro del head section.






4.-Cuerpo del programa: Contiene todo el contenido visible de la página web, como texto, imágenes, enlaces, formularios, etc. Se encuentra entre las etiquetas y .





5.-etiquetas para subir archivos.

Images: Se insertan con la etiqueta 
 y se especifica la ruta de la imagen en el atributo src. podemos poner un gif agregandole .gif 




Estilos

En la construcción de paginas web  mediante HTML es posible agregar distintos tipos de personalización con un archivo CSS o dentro de la etiqueta Style y sus distintas funciones.

<p>:puedes agregar un párrafo en la pagina web , puedes agregarles css o etiquetas html como <b> que es para poner un texto en negritas o  <i> para poner el texto en itálica



<mark>esta etiqueta permite remarcar una texto y podemos agregar en ccs la funcion background



<table> permite crea una tabla , <tr> genera una celda principal , <th> genera unas serie de celdas.


 



<hr>genera una linea la cual permite separar informacion.


En css o en la etiqueta style podemos modificar el color , posición(centrar, alinear ala derecha o izquierda y ), tamaño ,fuente de texto , etc...






Entradas más populares de este blog

Arrays En JavaScript

Imagen
Arrays en JavaScript  En el lenguaje de JavaScript/HTML es posible guardar datos de una manera muy eficiente y rápida, este elemento es llamado Vector o también es conocido como un "Array". Por lo que en este blog veremos qué es un Array, su funcionalidad e importancia, y por último como crearlo junto a un ejemplo práctico. Los arrays en JavaScript son estructuras de datos muy útiles que permiten almacenar y manipular colecciones de datos. En este ejemplo, se utilizan arrays para: Almacenamiento de Sueldos : Los sueldos ingresados por el usuario se guardan en un array, lo que permite calcular el total de manera eficiente y mostrar el listado completo.  Meses y Días : Los nombres de los meses y la cantidad de días de cada mes se almacenan en arrays, facilitando la búsqueda rápida de esta información cuando el usuario ingresa un número de mes. ¿Cuales con las ventajas? Organización de Datos : Permiten agrupar datos relacionados de manera estructurada. Facilidad de Acceso : Los ...
Leer más

Condiciónales anidadas

Imagen
 Condicionales Anidadas Las condicionales anidadas  se refieren al uso de declaraciones condicionales dentro de otras declaraciones condicionales. Estos se utilizan a menudo para crear procesos de toma de decisiones y lógica más complejos en el código. En JavaScript, los condicionales anidados se pueden implementar usando declaraciones "if", "else if" y "else". Para ejemplificar esto, creamos unas página web, la cual haga lo siguiente:  Realizar un programa que lea por teclado el nombre de una persona y pida dos números, si el primero es mayor al segundo imprimir su suma y resta, en caso contrario imprimir la multiplicación y la división del primero respecto al segundo. El código entero es el siguiente: Formularios: Para hacer la entrada de datos fue necesario crear un formulario, mediante "form", y después de esto un label el cual indica el dato a ingresar para después leer con input. Variables : Fue necesario crear algunas variables para poder ...
Leer más

Ejemplo de Formularios

Imagen
 Ejemplo De Formularios. En el lenguaje de PHP/HTML, los formularios nos permiten interactuar en gran manera con el usuario en las páginas web. Mediante elementos HTML, los cuales permiten a los usuarios enviar datos al servidor para su procesamiento. Para ejemplificar a los formularios, creamos una página web la cual mediante un formulario registra los datos de: Nombre, Apellido y edad, después una condición verificará si es mayor o menor de edad. Entrada de datos : Los campos de entrada (<input>) permiten al usuario ingresar información. En este caso, hay campos para el nombre, apellido y edad del usuario. Cada campo tiene un atributo name que especifica el nombre de la variable que será utilizada para recuperar el valor ingresado por el usuario. El formulario utiliza el método POST para enviar los datos. Esto significa que los datos del formulario se envían al servidor web como parte del cuerpo de la solicitud HTTP. Condicionales: Mostramos los datos ingresados y luego det...
Leer más