Este tutorial de HTML 5 y CSS 3 cubre la próxima generación de estándares de desarrollo de aplicaciones web. Actualmente, los principales navegadores y dispositivos móviles admiten las especificaciones HTML 5 y CSS 3.
Hazte experto en HTML5 y CSS3 estas últimas tecnologías son la base de la próxima generación de desarrollo de Internet. Las ventajas de las tecnologías de nueva generación son obvias: conveniencia y comodidad para el usuario, para el programador, simplicidad y conveniencia.
¿Qué es HTML5 y CSS3?
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
HTML es el acrónimo de HyperText Markup Language (Lenguaje de Marcado de Hipertexto) y es el lenguaje que se utiliza para crear las páginas web. Este lenguaje indica a los navegadores cómo deben mostrar el contenido de una página web.
Sobra decirte que CSS son las siglas de Hojas de estilo en cascada y que sirve para dar estilo a nuestra estructura creada en HTML. CSS3 es la última versión hasta la fecha y presenta como principales características mayor control sobre el estilo de los elementos de nuestra página web y mayor número de efectos visuales.
¿Qué puedo hacer con HTML y CSS?
Creo que la respuesta es obvia, HTML y CSS son tus primeros pasos para aprender desarrollo web profesional.
Como HTML, CSS (Cascading Style Sheets) u Hojas de estilo en cascada en español, no es realmente un lenguaje de programación, tampoco es un lenguaje de marcado. Es un lenguaje de hojas de estilo, es decir, te permite aplicar estilos de manera selectiva a elementos en documentos HTML. Por ejemplo, para seleccionar todos los elementos de párrafo en una página HTML y volver el texto dentro de ellos de color azul, has de escribir este CSS:
p {color: blue;}Si decide que necesita crear una versión móvil de su sitio, tómese su tiempo, ¡piénselo de nuevo! El diseño web receptivo le permitirá desarrollar una versión única del sitio que se verá muy bien en las pantallas de los teléfonos inteligentes, ordenadores de escritorio y otros dispositivos similares. El diseño de dicho sitio se adaptará fácilmente al tamaño específico de la pantalla del usuario, brindando la interacción de la más alta calidad posible en los dispositivos de hoy y de mañana.
Estructura de página HTML y CSS
Después de aprender los conceptos básicos de la sintaxis, ahora podemos aprender cómo estructurarlo en un solo documento HTML válido y algo de css. En este sitio web puedes encontrar mas ejemplos practicos.
<!doctype html>
<html>
<style>
html {
font-size: 10px; /* px quiere decir 'píxeles': el tamaño de la fuente base es ahora de 10 píxeles de altura */
font-family: "Open Sans", sans-serif; /* Este debe ser el resto del resultado que obtuviste de Google fonts */
}
h1 {
font-size: 60px;
text-align: center;
}
p {
color: blue; font-size: 20px;
}
</style>
<head>
<title>Tutoriales En Linea</title>
</head>
<body>
<h1>Este es un encabezado.</h1>
<p>Este es un parrafo.</p>
</body>
</html>La primera línea es una declaración de doctype. Es una instrucción para el navegador web sobre en qué versión de HTML está escrita la página. La única opción viable hoy en día es HTML5, que es la versión más nueva.
El doctype para HTML5 es <!doctype html>
Comentarios