Html

¿Qué hice?

Aprender y hacer lo básico sobre html.

¿Cómo lo hice?

El html es un lenguaje usado para crear paginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes (<,>).

Los elementos son la estructura básica de HTML.

Los elementos tienen dos propiedades básicas: atributos y contenido.

Un elemento  tiene una etiqueta de inicio por ejemplo:  <nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>).

Para iniciar se necesita:

Un editor de textos (bloc de notas)

Un navegador

En un archivo nuevo de bloc de notas pusimos la estructura básica del html :

<html> define el inicio del documento HTML, le indica al navegaor que lo que viene a continuación debe ser interpretado como código HTML.

<body></body> define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. Algunas son:

<h1> a <h6> encabezados o títulos del documento.

<p> párrafos de texto, dentro de esta eqtiqueta se pone el atributo de color y tamaño de letra: font color=”#993366″ size=”4″ o para el fondo es backgroud=”#ffff”.

<b> texto en negrita.

<i> texto en cursiva.

<br> es para dar espacios, no necesita cerrarse.

<hr> se usa para poner una linea horizontal debajo del texto, igual no se cierra.

<li><ul> que son las etiquetas para listas.

<head></head> define la cabecera del documento HTML; por ejemplo, el título de la ventana del navegador.Dentro de la cabecera <head> es posible encontrar:

<title></title> da el título de la página.

</html> cierre del contenido de html

Para que el archivo se pueda ejecutar, en el bloc de notas damos click a archivo, guardar y lo ponemos asi “nombre.html” y asi lo va abrir en el navegador que tengamos ya con la estructura que le dimos.

 

Anuncios

Practica de Repaso 7

g

Practica de Repaso 6

i

Practica de Repaso 5

gh

Practica de Repaso 4

,

Practica 7

¿Qué hice?

Insertar un cuadro de texto, Aplicar estilo rápido, Practicar lo de relleno de la forma, contorno de la forma, Dar alineaciones a los textos, Cambiar dirección de un texto, Poner texto en dos columnas.

¿Cómo lo hice?

Abrí la presentación Análisis de Utilidades, ahí para insertar un cuadro de texto en la pestaña de insertar ahí viene esa opción le di click y escribí una palabra, para aplicar un estilo rápido en la pestaña de inicio viene esa opción de estilos rápidos y ya solo elegí uno, para poner el relleno de la forma y el contorno me seleccione el cuadro de texto y fui ala pestaña de formato y elegí los colores, para dar alineación al texto en la pestaña de inicio en la sección de párrafo hay un dibujito así con texto en el centro esa le di click y ya se alinea el texto al centro en este caso, pero igual se puede alinear a la derecha o izquierda igual en esa sección, si se quiere cambiar la alineación del texto seleccionamos el texto y nos vamos a inicio donde en la sección de párrafo dice dirección del texto, escojemos una opción y ya lo gira, finamente para poner un texto en dos columnas seleccionamos el texto y en la  pestaña de inicio igualmente en la sección de párrafo hay un dibujito con dos columnas hay seleccionamos y escojemos en cuantas columnas queremos el texto y listo.

Practica 7

Practica 6

¿Qué hice?

Insertar un WordArt, Cambiar relleno de la forma, Cambiar contorno del texto del objeto y Aplicar un efecto.

¿Cómo lo hice?

Abrí el archivo Potencial de Utilidades Totales de Power Point, luego en la diapositiva 1 di click en la barra de insertar, luego en WordArt y busque un tipo de diseño, luego para cambiar el relleno de la forma en la pestaña de formato dice “relleno de la forma” ahí le di click y ya elegí un color, ahora para cambiar el contorno igualmente en formato abajo de relleno de la forma dice “contorno de la forma” igual seleccione un color y finalmente para dar un efecto en la misma pestaña de formato abajo de contorno de la forma viene “efectos de formas” ahí elegí uno y listo

Practica 6

Anteriores Entradas antiguas