BASE DE DATOS EN LARAGON

CREACIÓN DE FORMULARIO A HTML

MODULO PROFESIONAL IV SUBMODULO II

CENTRO DE BACHILLERATO TECNOLÓGICO AGROPECUARIO Y CIENCIAS DEL MAR n.218

Josué Francisco Valadez Rios        Ofimática        5to. "A"

INTRODUCCIÓN

HTML es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto

presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen

a otros documentos o fuentes de información relacionadas, y con inserciones

multimedia (gráficos, sonido...). La descripción se basa en especificar en el texto la

estructura lógica del contenido (títulos, párrafos de texto normal, enumeraciones,

definiciones, citas, etc) así como los diferentes efectos que se quieren dar (cursiva,

negrita, o un gráfico determinado).

HTML es el lenguaje con el que se "escriben" las páginas web. Se puede resumir la

filosofía del HTML con los siguientes puntos :

•  Es muy sencillo.
•  No hay variables.
•  No se compila.
• Es un lenguaje interpretado.
•  A la instrucciones se les llama etiquetas o marcas
•  Permite escribir hipertexto

El programa que interpreta este lenguaje es el navegador (Internet Explorer, Netscape,

Firefox, etc).Este lenguaje es el usado por los navegadores para mostrar las páginas

web. 

CREACIÓN DE BD EN MODO GRÁFICO DE LARAGON

para comenzar a crear la base de datos en laragon, primero sera abrir laragon obviamente y después darle al boton de "Base de datos" y se abrira esta interfaz:

Aquí solo pondremos la contraseña que le hayamos puesto en el programa de MySQL y podremos acceder a esta ventana:

Por ultimo para terminar de crear la base de datos le daremos al botón de "Aceptar" y ya se nos creara la base de datos en la arte de la izquierda.

A continuación para comenzar a crear tablas dentro de esa base de datos vamos a seguir los mismos pasos solo que en esta ocacion, vamos a darle clic derecho a la base de datos anteriormente creada.

para cada tabla eligiéremos un tipo especifico de datos para darle esa propiedad, por ejemplo para el id_autores usaremos INT y para los demás que son el nombre y el país usaremos VARCHAR.

CREACIÓN DE PAGINAS WEB.

Para la creación de una pagina web a partir del bloc de notas de nuestro ordenador, tenemos que tener en cuenta que se necesita de la creación de códigos para ejecutar cada tipo de elemento que se valla a crear en nuestra pagina final.

Para comenzar con la creación de nuestra pagina, vamos a abrir nuestro bloc de notas y empezaremos a escribir el siguiente código:

una vez tengamos ya el código escrito debemos cuidar que no haya ningún error o de tenerlos, tendremos problemas para nuestro resultado final en la pagina que vayamos a crear.

Una vez tenemos bien revisado nuestro código vamos a guardarlo de una manera un poco diferente a la normal, le daremos a la opción de "Archivo" y ahí le daremos a guardar como y al momento de poner el nombre, al final de este pondremos ".html"  el nombre y el destinatario del archivo es personal, es decir, es elección libre.

una vez que le hayamos dado a guardar, buscaremos el archivo en el lugar donde lo hayamos guardado.

ya teniendo el archivo localizado, vamos a abrirlo para asesorarnos de que lo hemos hecho todo bien.

si todo sale bien nos debería salir de esta manera, el texto de CBTA 218 estará en movimiento y el color del fondo igual.

Ahora a continuación vamos a crear otra pagina web pero esta vez añadiremos caracteres como por ejemplo la de insertar ciertos datos para poder ingresar a esta.

entonces haremos lo mismo de abrir el bloc de notas y ahora escribiremos el siguiente código:

Es un poco mas largo que el anterior, pero debemos saber que entre mas cosas deseemos poner o añadir, mas necesitaremos escribir.

Ahora haremos lo mismo para guardarlo con el nombre y el destinatario que queramos y al final del nombre le pondremos html y ya podremos abrirlo de la misma manera.

ETIQUETAS DE HTML

Las etiquetas HTML son pequeños bloques de código, que indican al navegador como debe interpretar el contenido recogido entre dichas etiquetas. Por ejemplo, si queremos «pintar» un párrafo de texto, hay una etiqueta especifica para que el navegador interprete ese texto como un párrafo.

• <html> </html> Representa la raíz de un documento HTML. Todos los demás elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas.
• <head> </head> Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definiciones de, scripts y hojas de estilo.
• <title> </title> Etiqueta usada para definir el título de la página web.
• <link> Se usa para enlazar recursos externos al documento HTML. El ejemplo más común son las hojas de estilos CSS.
• <meta> Etiqueta usada para definir otros metadatos que no se pueden definir con una etiqueta HTML especifica. Por ejemplo para definir el autor del sitio, o la descripción del mismo.
• <style> </style> Etiquetas usadas para introducir código CSS en línea, es decir, en el propio documento HTML.
• <body> </body> Al contrario que la etiqueta de metadatos <head>, todo lo que quieras mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de <body>. Este contenido será el que se muestre en la web.
• <h1>,<h2>,<h3>,<h4>,<h5>,<h6> Son etiquetas HTML muy importantes, ya que son usadas para jerarquizar el contenido de la web. Las etiquetas se usan para explicar brevemente el contenido que irá a continuación.
• <p> </p> Etiqueta usada para escribir párrafos de texto.
• <hr> Etiqueta utilizada para «romper» entre dos secciones de una web. Usada comúnmente como separador.
• <dt> </dt> Representa un término definido por la siguiente etiqueta <dd>
• <br> Etiqueta utilizada para crear un salto de línea.
• <img> Etiqueta para «pintar» una imagen en la página web.
• <table> </table> Etiquetas de apertura y cierre de una tabla. El resto de etiquetas de la tabla han de ir siempre recogidas entre estas dos etiquetas.
• <tbody> </tbody> Usada para describir los datos concretos de una tabla.
• <thead> </thead> Indica el bloque de filas que describen las etiquetas de las columnas de la tabla.
• <th> </th> Etiqueta que se usa para definir el encabezado de una celda.
• <button> </button> Etiqueta utilizada para representar un botón en el formulario.

CONCLUSIÓN.

Además de las etiquetas HTML que aquí te he mostrado, existen muchas más. Pero sinceramente, creo que con este listado podrás hacer el 99% de las páginas web. Y si tienes dudas con alguna etiqueta, o bien has encontrado alguna de la que no te he hablado aquí y quieres saber más, consulta el siguiente enlace. Iras a la página del World Wide Web Consortium o W3C, que como le digo a mis alumnos del curso de diseño web, son la referencia donde consultar primero cualquier duda sobre HTML y CSS.

Existen además, otros editores para la realización de sitios web con características WYSIWYG (En español: “lo que ves es lo que obtienes”). Estos editores permiten ver el resultado de lo que se está editando en tiempo real, a medida que se va desarrollando el documento.

REFERENCIAS.

https://carontestudio.com/blog/listado-de-etiquetas-html/#:~:text=Las%20etiquetas%20HTML%20son%20peque%C3%B1os,ese%20texto%20como%20un%20p%C3%A1rrafo.