Tutorial de HTML5 Básico


HTML5
HTML no es sensible a mayúsculas o
minúsculas

Documento Básico
<!DOCTYPE html>
<html>
<head>
<title>Titulo de la
página</title>
</head>
<body>
<h1>Mi Primer Encabezado
</h1>
<p>Mi primer párrafo.</p>
</body>
</html>

Headers (Encabezados)
<h1>…</h1> <h2>…</h2> <h3>…</h3>
<h4>…</h4> <h5>…</h5> <h6>…</h6>

Paragraphs (Párrafos)
breakrows (Saltos de Línea)
<p>…</p>

<br>
Links (Enlaces)
<a href="https://www.w3schools.com
">This is a link</a>
Dirección URL
Texto

Imágenes (Images)
<img src="w3schools.jpg" alt="W3Sc
hools.com" width="104" height="142
">
Atributos src Source File alt
Alternative Text Ancho
Alto

Estilos (style)
<p style="color:red;">Éste es un
párrafo rojo</p>
El atributo lang (lenguaje)
<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>

Country País
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>

The title Attribute
El valor del atributo title puede
ser mostrado como un tooltip
cuando su mouse pasa sobre el
elemento:
<p title="I'm a tooltip">Éste es
un párrafo</p>

Quotes (Comillas)
Deben usarse las comillas (quotes)
“ ’’ ” o ‘ ”” ’ pero nunca deben
obviarse
Aunque no es obligatorio deben
usarse minúsculas de manera
convencional (lowercase)
<p title='John "ShotGun" Nelson'>
O viceversa:
<p title="John 'ShotGun' Nelson">