Introducción a CSS y HTML

Introducción a CSS y HTML

Introducción a CSS y HTML

Introducción a CSS y HTML – HTML (Hypertext Markup Language) y CSS (Cascading Style Sheets) son dos lenguajes fundamentales en el desarrollo web. HTML es el lenguaje de marcado que se utiliza para crear la estructura y el contenido de una página web, mientras que CSS se utiliza para diseñar y dar estilo a esa estructura y contenido. En este tutorial, te enseñaremos lo básico de HTML y CSS, para que puedas empezar a crear tus propias páginas web.

Aprende HTML desde cero

HTML es un lenguaje de marcado que utiliza etiquetas para definir la estructura y el contenido de una página web. A continuación, te presentamos algunos ejemplos de etiquetas HTML:

  • <html>: Define el comienzo del documento HTML.
  • <head>: Define la sección de encabezado del documento HTML.
  • <title>: Define el título de la página web.
  • <body>: Define la sección del cuerpo de la página web.
  • <h1>: Define un encabezado de nivel 1.
  • <p>: Define un párrafo.

A continuación, te presentamos un ejemplo básico de un documento HTML:

<!DOCTYPE html>
<html>
<head>
	<title>Mi página web</title>
</head>
<body>
	<h1>Bienvenidos a mi página web</h1>
	<p>Este es un ejemplo de párrafo en HTML.</p>
</body>
</html>
Code language: HTML, XML (xml)

En este ejemplo, el documento HTML comienza con la declaración <!DOCTYPE html>, seguida de las etiquetas <html>, <head> y <body>. Adicional, en la sección de encabezado (<head>), se define el título de la página web con la etiqueta <title>. Por último, en la sección del cuerpo (<body>), se definen el encabezado y el párrafo con las etiquetas <h1> y <p>, respectivamente.

Introducción a CSS

CSS es un lenguaje de estilo que se utiliza para diseñar y dar estilo a la estructura y el contenido de una página web. A continuación, te presentamos algunos ejemplos de propiedades CSS:

  • background-color: Define el color de fondo de un elemento.
  • color: Define el color del texto de un elemento.
  • font-size: Define el tamaño de fuente de un elemento.
  • margin: Define el espacio entre los bordes externos de un elemento y los elementos adyacentes.
  • padding: Define el espacio entre los bordes internos de un elemento y el contenido del elemento.

A continuación, te presentamos un ejemplo básico de un estilo CSS:

body {
	background-color: #f0f0f0;
	color: #333333;
	font-size: 16px;
	margin: 0;
	padding: 0;
}Code language: CSS (css)

Ahora que conoces lo básico de HTML y CSS, puedes utilizarlos juntos para crear una página web.

Código Artificial

Leave a Reply

Your email address will not be published. Required fields are marked *