Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML - Coggle Diagram
HTML
Párrafo
Salto de línea
<br>
<p> </p>
Atributos de <p> </p>
ALIGN="CENTER" ALIGN="LEFT" ALIGN="RIGHT" ALIGN="JUSTIFY"
Etiqueta para asignar espacios extra
<pre> </pre>
El código (Espacio de no separación)
 
Etiqueta para insertar una sangria
<blockquote> </blockquote>
Etiquetas para resaltar texto en negritas
<b> </b> <strong>
Etiquetas para resaltar texto en cursivas
<em> </em> <i> </i>
Etiquetas para resaltar texto subrayado
<u> </u>
Etiquetas para resaltar texto tachándolo
<s> </s>
Etiqueta para insertar Imagenes
Etiqueta para insertar hipervínculos
<a> </a>
Atributos de <a> </a>
<a href="documento_clase.pdf" download="Guia_Examen_HTML.pdf">Descargar Guía de Estudio</a>
Etiqueta para insertar sonido y video
<audio> <video> </audio> </video>
Atributos de <audio> <video> </audio> </video>
poster="portada.jpg" width="360" height="360"
preload="auto" id="musica" controls
<img>
Atributos de <img>
src="foto de perfil.jpg" alt="foto de perrito" width="400" height="250" border="3"
Listas
No Ordenadas
<ul> </ul>
Elementos de la lista <li> </li>
Atributos de <ul> </ul> type="disc" type="circle" type="square"
Ordenadas
<ol> </ol>
Elementos de la lista <li> </li>
Atributos de <ol> </ol> type="A" start="5" reversed
Etiquetas para dar formato de marquesinas
<marquee> </marquee>
Atributos de <marquee> </marquee>
direction="left" behavior="scroll" scrollamount="10" scrolldelay="100" loop="3" bgcolor="red" width="80%" height="50"
Etiquetas para insertar una tabla
<table> </table>
Atributos de <table> </table>
border="2" bordercolor="blue" bgcolor="lightgrey" width="90" heigth="3" cellpadding="10" cellspacing="25"
Etiqueta para el cuerpo del HTML
<body>
Atributos de <body>
1.BGCOLOR="BLACK" 2.BACKGROUND="FONDO.JPG" 3.TEXT="WHITE" 4.LINK="LIME" 5.VLINK="PURPLE" 6.ALINK="RED" 7.TOPMARGIN="50" 8.LEFTMARGIN="50"
Estructura Basica
<html>
</head>
<body>
<Todo lo que el usuario ve en la pantalla va aquí adentro>
</body>
</html>
<head>
<title>Título de la Pestaña</title>
Aplicar el formato de SUPeríndices.
<sup> </sup>
Aplicar el formato de SUBíndices.
<sub> </sub>
Dar Formato a la Fuente
<font> </font>
Atributos de <font> </font>
<font face="Arial"> <font color="red"> <font size="4">
Dar Formato de Titulo
<h1> </h1>
Atributos de <h1> </h1>
<h1 Align=center> <h1 title="Hola">
Líneas de separación
<hr>
Atributos de <hr>
<hr Align="center"> noshade <hr Width="40%">