Ir al contenido principal
¡LO MEJOR!

10 códigos "HTML" ¿Para qué sirven? ¿Como se usan? ¡DESCUBRELO!


¿Qué son los códigos html para páginas web?
Los códigos html son el lenguaje universal que se utiliza para programar y elaborar sitios web.
Las siglas html significan “Hyper Text Markup Language” o Lenguaje Marcado de Hipertexto. Este tipo de códigos genera sitios web estáticos, aunque usados con otros lenguajes de programación se pueden crear sitios dinámicos.
Este lenguaje se compone de etiquetas en serie que los navegadores traducen en la pantalla como:
  • Imágenes
  • Texto
  • Hipervínculos
  • Listas de palabras
  • Tablas de tabulación.
Usando diferentes etiquetas se puede crear una página web estructurada y organizada con un contenido visible en cualquier pantalla.

¿Cómo funcionan?

Para que un texto o una imagen puedan leerse en este tipo de códigos, siempre debe tener una etiqueta de inicio y una de cierre. Por ejemplo, para el título de un sitio sería:
<html> <tittle> Diseño de páginas </html> </tittle>
De no contar con una etiqueta de cierre entonces no podría visualizarse el título porque el navegador no podría leerla como nosotros deseamos. Simplemente la página aparecería como error.
Por esto es muy importante conocer la naturaleza de los códigos html, su función y qué deseamos construir con cada uno de ellos.

¿Cómo usar los códigos html?

Para crear una página web completa debes hacer uso de documentos html para poder tener organizados todos los códigos que vayas a usar. Este documento es un archivo con una extensión .html y puede realizarse en el editor de textos de tu preferencia.
10 tipos de códigos "HTML"

Existen diferentes tipos de códigos básicos que puedes usar para tu página web. Los principales son los que le dan forma al título, al cuerpo de la página y a las imágenes y videos.
A continuación, encontrarás las etiquetas básicas para que te familiarices con ellas y vayas identificándolas poco a poco.

html

<html> es la que debe usarse en todos los códigos porque indica a los navegadores que el documento tiene código html para que pueda leerlo de esa forma.

Título

<tittle> es la etiqueta que le da un título a la página web, de esta manera el sitio tendrá un nombre con el cual los usuarios puedan identificarlo.

Encabezado

<head> es la etiqueta que se utiliza para el encabezado de la página. Su principal función es contener toda la información del funcionamiento del sitio. Debido a esto es un código encriptado que las personas que visualizan la página no pueden ver.

Cuerpo

<body> es la etiqueta que se usará en todo el sitio. Te ayudará a agregar texto, imágenes, videos o cualquier otra funcionalidad que desees agregar como contenido.

Títulos y subtítulos

<h1> <h2> <h3> son etiquetas que funcionan para agregar títulos y subtítulos a la página web. Se utilizan después de la etiqueta <body> para seguir con la organización del sitio.

Imágenes

<img> con esta etiqueta podrás agregar imágenes al cuerpo de tu página. Lo único que tienes que hacer es agregar la etiqueta <img> después de la etiqueta <body>.

Hipervínculos

<a> esta etiqueta se agrega para insertar un hipervínculo a la página. Por ejemplo, el link hacia tus redes sociales o hacia otro sitio web con el que desees conectar tu página.

Links internos

<li> <ul> sirven para agregar listas para crear menús en tu sitio que te dirijan a otras páginas dentro de él. Con estas etiquetas le darás secuencia a todo tu contenido, pues los usuarios podrán ir de una página a otra sin problema alguno.

Estilo

<style> esta etiqueta es fundamental. Con ella puedes definir el estilo de tu contenido:
  • Color
  • Tamaño
  • Tipografía
Basta con que agregues las palabras de los colores en inglés, el tamaño de la fuente y el código Pantone de los colores que deseas que se visualicen. Por ejemplo, <style> body: black; font size: 12px; color red </style>.

El broche de oro

<!DOCTYPE html> es la última etiqueta que debes de utilizar y es muy importante que lo hagas porque cerrará con broche de oro tu sitio. Volverá tu sitio legible en cualquier navegador y, además, brindará la especificación del idioma en el que aparecerá la página con la etiqueta <html lang=”es”>.

Para cerrar los códigos

Es muy importante que no olvides cerrar todos tus códigos pues de lo contrario no podrán visualizarse en la página como te lo mostramos más arriba. Para cerrarlos debes incluir una diagonal, como en el siguiente ejemplo:
<html> <tittle> Diseño de páginas </html> </tittle>



Comentarios

Entradas populares de este blog

Lo más buscado en Google 2017

A nivel internacional ha predominado la preocupación por las tragedias y desastres naturales: los huracanes, el terremoto de México, el tiroteo en Las Vegas... El caso Harvey Weinstein y todo lo que ha surgido a partir de él sobre acoso sexual también se deja ver en las listas. 

Entre los temas más ligeros pueden encontrarse los spinner y la serie Por trece razones (que también tienen su hueco en los listados nacionales), el iPhone X, Gal Gadot, Meghan Markle, la película It... 

Las listas completas aquí:


People/Gente
1) Matt Lauer
2) Meghan Markle
3) Nadia Toffa
4) Harvey Weinstein
5) Kevin Spacey
6) Gal Gadot
7) Melania Trump
8) Floyd Mayweather
9) Michael Flynn10) Philippe Coutinho

Global News/Noticias globales
1) Hurricane Irma
2) Bitcoin
3) Las Vegas Shooting
4) North Korea
5) Solar Eclipse
6) Hurricane Harvey
7) Manchester
8) Hurricane Jose
9) Hurricane Maria
10) April the Giraffe

Actors/Actores-Actrices
1) Meghan Markle
2) Kevin Spacey
3) Gal Gadot
4) Louis C.K.
5) Bill Skarsgård
6) Millie Bobby Brown
7) Tom…

Sherpa, una de las compañías más innovadoras del mundo

Sherpa, fundada en Bilbao en 2012, ha sido seleccionada entre más de 1.000 empresas que utilizan la inteligencia artificial en ámbitos como la ciberseguridad, la robótica o la medicina.
El creador y director ejecutivo de Sherpa, Xabi Uribe-Etxebarria, ha descrito el reconocimiento como "todo un honor" para él y para su equipo, añadiendo que esperan "que estos nuevos desarrollos que nos han premiado podamos llevarlos al mercado en 2018 y hacer más fácil la vida de las personas".
El evento es organizado por la consultora internacional CB Insights, mientras que el galardón ha sido entregado por su director ejecutivo, Anand Sanwal, durante la conferencia A-ha!.
La startup tecnológica también quedó finalista en los premios de inteligencia artificial Londres CognitionX, siendo superada por la ahora filial de Google, Deep Mind.
Además, durante 2017 ha recibido los galardones Red Herring Global Winner, Red Herring 100 Winner Europe 2017, White Bull Award y Best Mobile App Awar…

Apple no cobrará su cuota anual por publicar aplicaciones de iOS a gobiernos y organizaciones sin ánimo de lucro

Poco a poco se van descubriendo más cambios interesantes tras los ya vistos en la normativa nueva de la App Store. El último movimiento, según se ha descubierto, permitirá que algunas instituciones no tengan que pagar los 99 dólares anuales que cuesta estar registrado en el Apple Developer Program. Ese registro es obligatorio si quieres publicar una aplicación en la App Store. Esas instituciones serán gobiernos y organizaciones sin ánimo de lucro, incluyendo a las caritativas. Por lo tanto, la cuota queda a pagar por desarrolladores individuales y empresas. Un buen gesto sobretodo para las organizaciones no lucrativas, que ya se libraban de pagar la tasa del 30$ en compras integradas pero que seguían teniendo que gastar 99 dólares anuales. Esto viene como consecuencia de otro cambio en las reglas, que impide que una compañía pueda publicar aplicaciones creadas bajo un mismo patrón para varias organizaciones o empresas al mismo tiempo (un máximo de 50). Ahora cada una de esas organizacio…


¡Sigueme!

Política de privacidad © Copyright 2017-2018 / All Rights Reserved
JosemiguelBM