Nuevos avances en Lenguaje de Marcas - Elementos HTML

-
El día 29/10/20 en la clase de Lenguaje de Marcas hemos avanzado en diferentes trasparencias del documento de apuntes del aula virtual. Hemos dado diferentes elementos aplicables en un documento HTML. A continuación de cada elemento insertare una imagen mostrando un ejemplo. Estos elementos son: 
  • Estructura de HTML, desde el "Head" hasta el "Body", con sus diferentes aperturas y cierras en el documento. Head es la parte no visual de la pagina web, mientras que el Body es la parte que se muestra al usuario de la pagina.
  • Dentro de "Head" podemos introducir la etiqueta "Title" que es como muestra el navegador la pagina web.
  • Diferentes elementos para modular el tipo de texto y clasificar en párrafos con las etiquetas <h1></h1> y <p></p>.
Aquí muestro un ejemplo de los anteriores puntos donde muestro la parte no visual de la pagina y el resultado:
        <html>
            <head>
                <title>Mi segunda Pagina Web </title>
           </head>                                              
            <body>
                 <h1>Esto esta escrito en H1.</h1>
                 <h2>Esto esta escrito en H2.</h2>
                 <p>Esto esta clasificado con el atributo de parrafo.</p>
            </body>
        </html>
  • Los elementos dir y Lang. Dir indica el sentido de lectura y lang indica el idioma del documento.
  • Comentarios dentro del código HTML a partir de los elementos <!-- Comentario 1-->.
  • Añadir enlaces e imágenes con las etiquetas <a href="URL">nombre de enlace</a> y <img src= "Imagen.jpg" alt= imagen />.
Aquí muestro un ejemplo de todos los atributos aprendido este día, desde la estructura de la pagina hasta insertar una foto en la pagina web. El resultado. Para inspeccionar los comentarios al no mostrarse en la pagina tienes que inspeccionar el código fuente, dependiendo de la aplicación de búsqueda puede variar para mostrar el código fuente. Desde donde yo trabajo se hace presionando: ctrl+u.

También en esta clase el profesor nos enseño un servidor web para publicar nuestros proyectos de HTML en local, ya que hasta hora solo trabajábamos en local desde el ordenador. Esta pagina es Neocities.org. Esta pagina nos permite tener varios documentos HTML disponible a publicarlo en el servidor de Neocities de forma gratuita.



Comentarios

Publicar un comentario

Entradas populares de este blog

Nuevos Avances en Base de Datos - Comando Alter en MySQL.

-
Imagen
 Comando Alter MySQL proporciona la función  ALTER  que nos ayuda a  incorporar los cambios al diseño de la base de datos ya existente  . La sintaxis básica utilizada para agregar una columna a una tabla ya existente se muestra a continuación 1 ALTER TABLE `table_name` ADD COLUMN ` column_name` `data_type`; AQUÍ “ALTER TABLE  table_name  “  es el comando que le dice al servidor MySQL que modifique la tabla llamada  table_name . “ADD COLUMN  column_name   data_type “  es el comando que le dice al servidor MySQL que agregue una nueva columna llamada ‘column_name’ con el tipo de datos’ data_type ‘.
Leer más

Nuevos Avances en Lenguaje de Marcas - Nuevas etiquetas CSS (Position).

-
Imagen
Etiqueta Position La propiedad position de CSS especifica cómo un elemento es posicionado en el documento. Las propiedades top, right, bottom, y left determinan la ubicación final de los elementos posicionados. Un elemento posicionado es un elemento cuyo valor computado de position es relative, absolute, fixed, o sticky. (En otras palabras, cualquiera excepto static). Un elemento posicionado relativamente es un elemento cuyo valor computado de position es relative. Las propiedades top y bottom especifican el desplazamiento vertical desde su posición original; las propiedades left y right especifican su desplazamiento horizontal. Un elemento posicionado absolutamente es un elemento cuyo valor computado de  position es absolute o fixed. Las propiedades top, right, bottom, y  left especifican el desplazamiento desde los bordes del bloque contenedor del elemento. (El bloque contenedor es el ancestro relativo al cual el elemento está posicionado). Si el elemento tiene márgenes, se ...
Leer más