TEMÁTICA: HTML Y PAGINAS WEB:
Infirendo desde lo que hoy conocemos como html básicamente es un lenguaje de marcado utilizado como base estructural para crear paginas web proporcionando etiquetas o códigos para emplear caracteres en el texto , vídeos , imágenes entre otros aspectos .Es aquí donde les vamos a explicar detenidamente ¿Que es html? , Historia del html , y sus etiquetas . Al igual que les vamos a explicar las características de las paginas web en este blog:
-¿Que es html?
HTML significa "Lenguaje de Marcado de Hypertexto" por sus siglas en ingles "HyperText Markup Language", es un lenguaje que pertenece a la familia de los "lenguajes de marcado" y es utilizado para la elaboración de páginas web. El estándar HTML lo define la W3C (World Wide Web Consortium) y actualmente HTML se encuentra en su versión HTML5.
Fuente: http://www.acercadehtml.com/manual-html/que-es-html.html
Imagen 1
-Características
- Puede ser creado y editado con cualquier editor de textos basicos
- Utiliza etiquetas o marcas que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la debe aparecer en su navegador el texto , así como también las imágenes y los demás elementos, en la pantalla del ordenador
- Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin
Video 1.¿Que es html?
-¿Que es una pagina web?
Una página web a un documento disponible en Internet, o World Wide Web (www), codificado según sus estándares y con un lenguaje espcífico conocido como HTML. Es algo a lo que estamos acostumbrados a acceder si leemos este artículo pero no todos conocen realmente su funcionamiento.
Imagen 2.
-Características
- El desarrollo de una pagina web consta de incluir información en diversos formatos, estar asociadas a datos de estilo, ofrecer aplicaciones interactivas, enlaces a otras paginas y sitios web
- Debe ser optimizable es decir, mejorar la compatibilidad del sitio a los motores de búsqueda
- Poseer alojamientos los cuales sus tipos pueden ser:Gratuito, compartido, revendedor, servidores virtuales, servidores dedicados, no administrado, housing.
Video 2.¿Que es una pagina web?
Experiencia 1.En lo que llevamos de clase hemos trabajado dos guías en donde la primera titulada DISEÑO WEB nos otorgan las principales bases y etiquetas que necesitamos para crear nuestra pagina web engloban doce en la presentación e introducción de esta misma.Haciendo uso de las siguientes etiquetas:
<!DOCTYPE html> : indicamos que es un documento HTML5, es lo primero que escribes.
<l></html>: esta es la raíz de una pagina web, va al principio y al final.
<head></head>: contiene información del encabezado y las metas del documento.
<title>texto</title>: contiene el titulo de la pagina.
<body>texto</body>: aquí va el contenido de la pagina.
<h1>texto</h1>: para encabezados.
<p>texto</p>: elemento que crea un párrafo.
<hr>: elemento que trata una linea horizontal.
Imagen1.Compilacion Guia 1 de HTML
Fuente. Daniel Ricardo Montero Carrillo
Experiencia 2. Aquí trabajamos en detalle la elaboración tanto estética como textualmente de nuestra pagina web volviéndola mas atractiva e informativa obviamente utilizando nuevas etiquetas y métodos los cuales fueron las siguientes:
<center>texto</center> :elemento para centrar.
<br> :rompe a la siguiente linea, no necesita cerrarse con </br>.
:espacios laterales, como si pulsara la barra espaciadora.
<i> texto </i> : coloca el texto en cursiva<br> :rompe a la siguiente linea, no necesita cerrarse con </br>.
:espacios laterales, como si pulsara la barra espaciadora.
<em> texto </em> :cursiva para marcar textos importantes, los buscadores lo toman más en cuenta
<b> texto </b> : coloca el texto en negrilla
<strong> texto </strong >
Imagen2. Compilacion Guia 2 de HTML
Fuente.Daniel Ricardo Montero Carrillo
Experiencia 3. En esta guía nos han encomendado y garantizado los métodos vinculados con la estructura y modificación de nuestras etiquetas a lo cual llamamos "Atributos" donde nos da opciones como el color tamaño etc. Las etiquetas utilizadas son las siguientes:
<i>texto<i> Coloca el teto en cursiva
<em>texto</em> Cursiva para macar texto importante, los buscadores lo tomas mas en cuenta
<b>texto</b> Coloca el texto en negrilla
<strong>texto</strong> Negrilla para marcar texto importante,los buscadores lo toman en cuenta
<u>texto</u> Coloca el texto tachado
<del>texto</del> Coloca el texto eliminado (tachado
y los atributos utilizados son los siguientes:
tittle="Nuevo" atributo que agrega un tooltip al elemento
color="blue" Atributo que agrega un color al elemento (Los colores van en ingles)
width="400" Atributo que agrega un ancho a un elemento
size="50" Atributo que agrega una talla al elemento
Imagen3. Compilacion Guia 3 de HTML
Fuente.Daniel Ricardo Montero Carrillo
No hay comentarios:
Publicar un comentario