Notas HTML
Notas HTML
Contenido
HTML........................................................................................................................3
Etiquetas (tags).....................................................................................................3
Tags iniciales o de raíz......................................................................................3
Metadatos del documento.................................................................................4
Tags para la agrupación de contenido..............................................................5
Etiquetas semánticas para texto.......................................................................5
Etiquetas para la creación de formularios.........................................................7
HTML
El significado de sus siglas:
H: Hyper
T: Text
Lenguaje de Marcas de Hipertexto
M: Markup
L: Languaje
Es el fundamento de la World Wide Web, ya que es el lenguaje de etiquetas para
desarrollar paginas Web, no es un lenguaje de programación ya que carece de
funciones aritméticas o variables.
Etiquetas (tags)
HTML tiene ciertas etiquetas (tags) que se utiliza para dar formato a objetos en
una página Web, así indica a como se debe comportar los elementos en una
página web. Estas etiquetas son marcadas su inicio con “<” y su cierre con “>” y la
etiqueta final es con la etiqueta de apertura pero con una barra diagonal “</>”.
etiqueta
<p> texto </p>
inicio elemento
final
etiqueta
<img src= ”imagen” alt=”descripción”>
atributos
Lista de atributos
Atributo Etiqueta HTML5 Descripción
importante de cara a
accesibilidad.
en su lugar.
<button>,
<command>,
<fieldset>, <input>, Permite que un elemento HTML
disabled <keygen>, esté deshabilitado y el usuario no
<optgroup>, pueda interactuar con el.
<option>, <select>,
<textarea>
Atributo Etiqueta HTML5 Descripción
<button>,
<fieldset>, <input>,
<keygen>, <label>,
<meter>, <object>, Atributo para indicar el formulario
form
<output>, al que pertenece el elemento.
<progress>,
<select>,
<textarea>
en su lugar.
<a>, <area>,
href La URL de un recurso asociado.
<base>, <link>
<audio>,
Atributo que habilita al medio a
<bgsound>,
loop volver a reproducirse desde el
<marquee>,
principio cuando llega al final.
<video>
<input>, <meter>,
max Define el máximo valor aceptado.
<progress>
caracteres aceptados.
Al reproducir un contenido
audiovisual, este atributo indica si
muted <video>
el audio será silenciado
inicialmente al cargar la página.
<button>, <form>,
<fieldset>,
Nombre del elemento. Utilizado a
<iframe>, <input>,
menudo por el servidor para
name <keygen>, <object>,
identificar los campos en el envío
<output>, <select>,
de formularios.
<textarea>, <map>,
<meta>, <param>
«password», entonces es el
número de caracteres que se
podrán introducir.
<audio>, <embed>,
<iframe>, <img>, La URL del contenido integrable
src <input>, <script>, en la etiqueta HTML que lo
<source>, <track>, acompaña.
<video>
Especifica el contenido de la
srcdoc <iframe>
página incluida.
<button>, <input>,
<command>,
type <embed>, <object>, Define el tipo de elemento HTML.
<script>, <source>,
<style>, <menu>
<button>, <option>,
<input>, <li>,
Define el valor predeterminado a
value <meter>,
ser mostrado al cargar la página.
<progress>,
<param>
Código
<!DOCTYPE html>
<html Lang=”es”> Esta indica el documento html y todos los datos serán encerrados aqui
<head>
<meta charset="UTF-8">
</head>
<body>
Cuerpo de html aquí se incluyen todos lo visible para el usuario
</body>