Ir al contenido principal

Que es un index.html

 

¿Qué es un index.html?

Tener un archivo index subido a nuestro dominio es fundamental si se quiere tener una página web que funcione. Se puede decir más alto pero no

 más claro: sin index no hay página web. Así pues es sumamente importante tener un archivo index.

El tema está en que cuando creamos una página web en Internet el primer paso que hay que tener en cuenta es crear el archivo index.html. El archivo index.html es la página principal del dominio al cual se accede desde Internet, lo que vemos en primer lugar a la hora de acceder a ese nombre de dominio.

Al acceder a un dominio, escribiendo por ejemplo www.hostinet.es o simplemente hostinet.es en la barra de direcciones, el navegador de Internet que estemos utilizando lo primero de todo buscará ese archivo index y tratará de reproducir lo que en él aparezca (imágenes, textos, vínculos a otros archivos, enlaces…).



Codigo html

<!DOCTYPE html><!-- tipo de archivo que estamos escribiendo -->
<html lang="es"><!--lenguaje de la pagina-->
<head>
    <meta charset="UTF-8"><!-- Activa los caracteres especiales segun el idioma -->
    <title>Documento</title>
</head>
<body>
    <h1>CENTRO DE ADOPCIONES</h1>
    <h2>C.B.T.a No. 112
    </h2>

    <h3>Rosa Acosta</h3>
    <h4>Alex</h4>
    <h5>Inicio         medio       fin</h5>
    <h6>(c)2023</h6>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi, atque provident? Alias dignissimos neque soluta, dolor officia saepe repudiandae velit est nisi aliquam laboriosam, sint quas quos tenetur. Nobis, assumenda.</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique minus, possimus illum et sed nostrum corporis, doloribus, quisquam architecto neque quia quis assumenda. Minus, vero! Tenetur ex labore quod consequuntur.</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat dignissimos hic aliquid officia quos est, odio expedita deserunt inventore voluptate perferendis tempore sit aut ipsam aspernatur veniam debitis nemo nam
        <h2>
            <a href="ejemplos1.html"> volver </a> <br>
             </h2>
    </p>
   
</body>
</html>


Resultado:

CENTRO DE ADOPCIONES

C.B.T.a No. 112

Rosa Acosta

Inicio medio fin
Ximena
(c)2023

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi, atque provident? Alias dignissimos neque soluta, dolor officia saepe repudiandae velit est nisi aliquam laboriosam, sint quas quos tenetur. Nobis, assumenda.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique minus, possimus illum et sed nostrum corporis, doloribus, quisquam architecto neque quia quis assumenda. Minus, vero! Tenetur ex labore quod consequuntur.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat dignissimos hic aliquid officia quos est, odio expedita deserunt inventore voluptate perferendis tempore sit aut ipsam aspernatur veniam debitis nemo nam

Comentarios

Entradas más populares de este blog

Elementos

El elemento  ol  permite definir listas o viñetas ordenadas (“Ordered List”), bien con numeración o alfabéticamente. Sus etiquetas son : <ol> y </ol> (ambas obligatorias). Crea una caja :  en bloque . Está definido como :  Elemento de lista . Puede contener : uno o más elementos  li Atributos Genericos Atributo valor descripción title título del elemento style información de estilo en línea id identificador a nivel de documento class identificador a nivel de documento dir dirección del texto lang información sobre el idioma Eventos :  onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup. Específicos No tiene de transición type (1|a|A|i|I) implícito estilo de numeración compact compact implícito espacio entre objetos reducido start 'un número' implícito número inicial de la secuencia  

Mapa mental del diseño

  Ese fue una tarea donde teníamos que hacer un mapa mental sobre el diseño