<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>document</title>
<style>
h1 {
text-align: center;
background: blue;
display: inline;
}
.card {
width: 250px;
height: 250px
}
.card img {
width: 250px;
height: 250px;
}
.card {
width: 250px;
height: 250px;
}
.card img {
width: 250px;
height: 250px;
}
</style>
</head>
<body>
<div>
<h1 class="etiquetas">etiquetas html</h1>
<h2>preparado para empezar tu carrera como programador web</h2>
<h3>¿que es una etiqueta html?</h3>
<p>significa hyper text markup lo que en español seria lenguaje de marcas de hipertexto</p>
<div class="card">
<font face="estructura de una etiqueta">estructura de una etiqueta</font>
<img src="https://static.platzi.com/media/user_upload/Carrusel-html-02%20%281%29-dab98625-3207-411b-b482-4c5aebbab9d9.jpg"
alt="platzi">
</div>
<ul>
<li>apertura</li>
<li>atributo</li>
<li>valor</li>
<li>contenido</li>
<li>cierre</li>
</ul>
</div>
<div>
<h3>etiquetas de texto</h3>
<p>Esenciales para cuando deseas darle funciones, jerarquías y estilos diferentes a tu texto
</p>
<div class="card">
<img src="https://static.platzi.com/media/user_upload/Carrusel-html-04-70b4746b-e4a8-4c5f-a727-6cb710a30470.jpg"
alt="platzi">
</div>
</div>
<div>
<h3>etiquetas multimedia</h3>
<p>¿Deseas insertar un video, una imagen, un audio o un video de YouTube? Estas son tus etiquetas HTML.
La más versátil de ellas es iframe, te permite insertar contenidos de otras páginas web.</p>
<div class="card">
<img src="https://static.platzi.com/media/user_upload/Carrusel-html-05-d8200501-20bc-434c-b15c-c855d5528393.jpg"
alt="platzi">
</div>
</div>
<div>
<h3>etiquetas para estructurar el contenido</h3>
<p>Si quieres darle orden al texto, las imágenes y todo lo que coloques en tu página web, usa estas
etiquetas. Desde crear listas ordenadas de texto, hasta el
por el que en algún momento sufrimos intentando centrarlo.</p>
<div class="card">
<img src="https://static.platzi.com/media/user_upload/para%20la%20estructura-42d2bb9a-766c-4b59-9f3e-e6e9a24ea589.jpg"
alt="platzi">
</div>
</div>
<div>
<h3>etiquetas para crear tablas</h3>
<p>Las tablas son MUY útiles, especialmente cuando traemos información de una base de
datos y queremos darle orden y formato a los datos.</p>
<div class="card">
<img src="https://static.platzi.com/media/user_upload/Carrusel-html-07-4ca387cb-0e01-4df2-88e3-656c8a86eb35.jpg"
alt="platzi">
</div>
</div>
<div>
<h3>etiquetas para crear formularios</h3>
<p>Y por último, las de creación de formularios. ¿Quieres crear la sección de
contacto? ¿O el paso de registro o login de un usuario? Estas son tus etiquetas
</p>
<div class="card">
<img src="https://static.platzi.com/media/user_upload/Carrusel-html-08-4d0e4b19-5dbc-493d-91d8-0aafc5877571.jpg"
alt="platzi">
</div>
</div>
<main>
</main>
<footer>descarga la tabla con todas las etiquetas html</footer>
<a href="https://static.platzi.com/media/public/uploads/sheet-html_78e6f04d-2ecb-472a-a36c-582b9fc4fb6f.png">en
formato png</a>
<div>
<a href="https://static.platzi.com/media/public/uploads/sheet-html_e27f26e2-8669-437b-84dd-912932693263.pdf">en
formato pdf</a>
</div>
</body>
</html>
Curso de Frontend Developer
COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE
0 Comentarios
para escribir tu comentario
