PROGRAMANDO CON HTML

  PROGRAMANDO CON HTML



HTML, cuyas siglas significan Lenguaje de Marcado de Hipertexto (Hypertext Markup Languaje), es un lenguaje bastante simple. Consiste en el uso de distintos elementos

LAS ETIQUETAS las utilizamos para estructurar una página web. no distinguen entre mayúsculas y minúsculas , esto significa que se pueden escribir en minúscula o mayúscula, pero se recomienda que escribas todo en minúscula.



LOS ATRIBUTOS contienen información adicional acerca de la etiqueta, si no lo usas probablemente no aparezca la orden de la etiqueta que deseas.



<img src="https://images.unsplash.com/photo" width="50">

En el ejemplo de arriba, la etiqueta <img> tiene 2 atributos: src u origen para especificar la ruta de la imagen, y width para especificar el ancho de la imagen en pixeles.

Lo que debes tener en cuenta:

  • Hay un espacio entre atributo y el nombre de la etiqueta
  • Los atributos se agregan en la etiqueta de apertura
  • Las etiquetas pueden tener varios atributos
  • Los atributos tienen un nombre y un valor: nombre=“valor”

Pero no todos los atributos tienen el mismo patrón. Algunos pueden existir sin valores y les decimos Atributos Booleanos:

<button onclick=“alert('Submit')" disabled>Button</button>

En este ejemplo, si queremos desactivar el botón, lo único que tenemos que hacer es pasar un atributo disabled sin ningún valor. Esto significa que la presencia del atributo representa el valor verdadero, de lo contrario, la ausencia representa el valor falso.

Por lo tanto, antes de trabajar con HTML, piensa sobre la estructura de diseño que te gustaría tener, puedes dibujarla en un papel o en tu mente, consulta sobre que etiquetas y atributos puedes utilizar. Será de mucha ayuda.

ACTIVIDAD EN CLASE

1. Crear una pagina web como aparece en este ejercicio.

¿Cómo crear un documento HTML?

Primero, abramos tu editor de código favorito (bloc de notas, Visual Studio Code entre otros). En la carpeta que elijas, crea un nuevo archivo y dale el nombre de index.html.

Copia lo siguiente y veras que sucede:

<html>

<head>

<title>TITULO PARA EL ENCABEZADO</title>

</head>

<body>

<p> <h1> TITULO DEL TEMA DE LA PAGINA  </h1> </p>

<p> <h3> Espacio para escribir el contenido de la pagina.  </h3> </p>

</body>

</html>

Esto es el código mínimo que un documento HTML debe tener para armar un sitio web. Aquí tenemos:

2. Consulta sobre estas etiquetas y sus atributos: color de texto, color del fondo de la pagina, centrar títulos,  alinear texto, subrayar contenido, insertar  imagen, video, colocar botón para pregunta, colocar tabla, colocar hipervínculo al blog del curso, utilizar etiquetas de tamaño (ancho y alto), colocar aviso.

etiquetas y atributos

3. Escribe en tu cuaderno todas las etiquetas y atributos utilizadas en tu pagina e indica para que sirve cada una. 

4.Crea una pagina web sobre un tema asignado en cada curso.

Comentarios

Publicar un comentario

Entradas más populares de este blog

CIRCUITOS ELÉCTRICOS Y LÓGICA PROPOSICIONAL

Imagen
   CIRCUITOS ELÉCTRICOS Y LÓGICA PROPOSICIONAL El álgebra booleana es el soporte teórico para el ·algebra de los circuitos lógicos, esto significa que excepto por la terminología y su significado, el ·algebra de los circuitos es idéntica al algebra de proposiciones, con dos elementos el 0 y el 1. El algebra de circuitos utiliza dispositivos de dos estados como por ejemplo el interruptor o switch (es el más sencillo), diodos rectificadores, bobinas magnéticas, transistores, entre otros; la naturaleza de los estados varía con el dispositivo así: conducción contra no-conducción, cerrado contra abierto, cargada contra descargada, magnetizada contra desmagnetizada, alto voltaje contra bajo voltaje. Los dispositivos formados por conmutadores o interruptores que consideran las posiciones cerrada o abierta, se llaman circuitos de conmutación, la posición cerrada se simboliza por ON y la abierta por OFF, un interruptor se encontrar· cerrado o abierto y nunca en posición intermedia. En ...
Leer más

EL CÓDIGO MORSE

Imagen
EL CÓDIGO MORSE El lenguaje 'salvavidas' que revolucionó el mundo de las telecomunicaciones. Samuel Martínez, 26 de abril de 2021 En el Día Internacional del Código Morse, explicamos la importancia histórica del telégrafo y del célebre sistema de comunicación. Por su parte, el telegrafista Manuel Bueno nos acerca algunas de las vivencias más apasionantes que experimentó durante su carrera profesional.  OBSERVA EL VIDEO PARA ENTENDER UN POCO LA HISTORIA “Yo estaba en Barcelona, estamos hablando del año 1967”. Manuel Bueno ha dedicado su vida a la profesión de telegrafista y de un tiempo a esta parte, se desempeña como secretario de la Organización de la Asociación de Amigos del Telégrafo de España. “Por la noche, siempre dejábamos la radio costera puesta por si llegaba alguna señal por telégrafo”.  Hace 55 años de aquello, pero todavía se acuerda de aquella noche de 1967, cuando, de pronto, recibió el siguiente mensaje en código morse: tres pulsos cortos, tres pulsos largos, tr...
Leer más

CÓDIFICACIÓN Y PENSAMIENTO COMPUTACIONAL

Imagen
  CÓDIFICACIÓN Y PENSAMIENTO COMPUTACIONAL En el marco de los  elementos de la comunicación , se denomina código al  lenguaje o la encriptación en la que se transmite el mensaje de emisor a receptor : el emisor codifica el mensaje y el receptor lo decodifica para comprenderlo. En el  léxico  cotidiano, es a esto a lo que llamaríamos “idiomas” o “lenguas”. La imagen nos muestra el código morse. ·         Codificación.  El emisor del mensaje codifica el significado al inscribirlo en el código, o sea, componerlo. ·         Decodificación.  El receptor o los receptores deberán decodificar el mensaje para tener acceso a él. Por ejemplo, cuando hablamos con alguien en inglés, debemos componer en dicho código o idioma los mensajes que queremos decir, y cuando nuestro escucha los recibe, deberá decodificar ese mensaje a partir de su conocimiento del inglés. Esto último es importante:...
Leer más