This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="es"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Imágenes</title> | |
</head> | |
<body> | |
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="logo google"> | |
<br> | |
<img src="logo.png" alt="logo cursosIT"> <!-- la imagen está en la misma carpeta --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="es"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Salto de linea</title> | |
</head> | |
<body> | |
<h1>Salto de línea</h1> | |
<span>Lorem ipsum dolor sit amet.</span> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="es"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Secciones básicas</title> | |
</head> | |
<body> | |
<h1>Secciones básicas - span y div</h1> | |
<span>define una sección del documento en línea.</span> | |
<span>define una sección del documento en línea.</span> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="es"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Listas</title> | |
</head> | |
<body> | |
<h1>Listas</h1> | |
<!-- Emmet: ul>li{Linea $}*5 --> | |
<ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="es"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Párrafos</title> | |
</head> | |
<body> | |
<h1>Párrafos</h1> | |
<p>Esto es un párrafo</p> | |
<p>Esto es otro párrafo</p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="es"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Encabezados</title> | |
</head> | |
<body> | |
<!-- Emmet: h${Encabezado h$}*3 --> | |
<h1>Encabezado h1</h1> | |
<h2>Encabezado h2</h2> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> <!-- define un documento HTML --> | |
<html> <!-- elemento raíz de una página HTML --> | |
<head> <!-- contiene meta información acerca del documento(*) --> | |
<meta charset="UTF-8"> <!-- especifica tipo de caracteres --> | |
<title>Título</title> <!-- especifica el título del documento --> | |
</head> | |
<body> <!-- contiene el contenido visible por el usuario --> | |
<h1>Encabezado</h1> <!-- define un encabezado --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* RESET - resetea los estilos por defecto del navegador */ | |
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, img, small, | |
strong, center, ul, li, form, label, article, aside, figure, figcaption, | |
footer, header, menu, nav, section, audio, video, main { | |
box-sizing: border-box; | |
margin: 0; | |
padding: 0; | |
border: 0; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>box-model</title> | |
<style> | |
.box1 { | |
background-color: plum; | |
margin: 10px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Document</title> | |
<style> | |
.articulo { | |
background-color: blue; | |
height: 200px; |