Los elementos son mejoras básicas del lenguaje HTML. Cada elemento puede tener atributos y contenido. La mayoría de los artículos tienen una etiqueta actualizada, etiqueta final y contenido cerrado entre ellos. Si no tienen contenido, se llaman vacíos.
Los atributos de un elemento (casi siempre opcional) se colocan en la etiqueta.
Sintaxis
La sintaxis básica de un elemento no vacío tiene esta forma:
<element_name attribute1 = "value1" attribute2 = "value2" ...>
contenido del artículo
</element_name>
Sintaxis de un elemento vacío:
<element_name attribute1="value1" attribute2="value2" ...>
<html>
Definición: restringe el contenido del documento.
Ocurrencia: El uso de elementos de apertura y cierre es opcional.
Atributos: dir, lang, version.
- dir: indica la dirección en que debe leerse el texto cuando la dirección es inusual (árabe).
Valores: ltr (izquierda a derecha) y rtl (derecha a izquierda).
- lang: indica el idioma predeterminado del documento.
Valores: de (alemán), en (inglés), es (español), fr (francés), eu (euskera) y así sucesivamente.
- version: Indica la versión HTML del idioma. Se ha rechazado porque esta información se proporciona en la declaración <! Doctype>.
Contenido HTML: <head> y <body>.
Ejemplo:
<html lang="es" dir="ltr">
<head> ... </ head> <body> ... </ body>
</html>
2.2. ejercicio:
Indica mipagina.html en castellano y rtl dirección; mirar el resultado. A continuación, deja la dirección final en la dirección ltr.
<head>
Definición: Limitar el encabezado de un documento.
Ocurrencia: El uso de elementos de apertura y cierre es opcional.
Atributos: lang, dir, profile.
- profile: donde los meta-elementos interpretan los perfiles donde se encuentran.
Valores: URI (Uniform Resource Identifier), dirección completa de recursos web.
Contenido del encabezado: <title>, <base>, <meta>, <link>, <objet>, <script> y <style>.
Todos los elementos son opcionales, excepto <title>. Es necesario ponerlo.
El contenido del encabezado es información general para todo el documento; Es por eso que está escrito al principio y esta es la primera cosa que el explorador explora.
<body>
Definición: Limita el cuerpo del documento. <Body>
Ocurrencia: Opcional es el uso de etiquetas de apertura y cierre.
Atributos: lang, dir, id, clase, título, estilo, onload, onunload y eventos propios.
- id: valida un solo nombre para un elemento.
Identifica elementos en hojas de estilo y scripts.
- class: clasifica un elemento a un nombre de clase.
El mismo nombre de clase se puede utilizar para varios elementos.
Se utiliza para mejorar la eficiencia de la hoja de estilo.
- title: añade un comentario asociado a un elemento.
Cuando el ratón se coloca en el elemento, el navegador muestra este comentario en una ventana.
- style: se utiliza para establecer información de estilo para un elemento.
- onload: Esto sucede cuando el navegador termina de cargar un documento.
- onunload: el navegador ocurre cuando se elimina un documento de una ventana o marco.
Atributos por defecto: background, text, link, alink, vlink, bgcolor.
Estos atributos no deben usarse; Para el uso directo de estas funciones, hojas de estilo o estilos de línea, como en el siguiente ejemplo:
Ejemplo:
<body style = "background-color: blue"> ... </ body>
Ejercicio1.html:
Cambie el color de fondo con el atributo de estilo y el atributo bgcolor . Asegúrese de obtener el mismo resultado.
Comentarios <! - ->
Definición: En línea o en varias líneas el usuario podrá acceder a los comentarios que no se interpretan. No pueden ser anidados.
Ejemplo:
<!-- my.html ->
<html>
<head> ... </head>
<!- - El cuerpo del documento comienza aquí -->
<body> ... </body>
</html>
Ejercicio2.html:
Agregue comentarios a my.html para separar las partes del documento.
Grupos de atributos
Los atributos de elementos Html se organizan en grupos; Por lo tanto, cuando se describe un elemento, se utilizarán los siguientes conjuntos para evitar la necesidad de una lista completa.
%i18n = lang, dir
%coreattrs = id, class, style, title
%events onLoad, OnUnload, OnBlur, onchange, ONFOCUS, onreset, onSelect, onsubmit, onabort, onkeydown, onkeyup, onkeypress, onclick, OnDblClick, OnMouseDown, onmouseover, onmouseout, OnMouseMove, onMouseUp
%attrs =%i18n + %coreattrs +%events
Lista de eventos propios (% events) y descripción:
Eventos <body> y <frameset>
Atributo
onload
onunload
Descripción
Cuando un documento está completamente cargado.
Se produce cuando se elimina un documento del navegador
Formas eventos
Eventos de imagen
Atributo
onabort
Descripción
Cuando se interrumpe un proceso de carga de imágenes.
Eventos del teclado
Eventos de ratones
(Válido para todos los elementos, excepto por lo siguiente: <base>, <BDO>, <br>, <frame>, <frameset>, <head>, <html>, <iframe>, <meta>, <param> , <script>, <style> y <title>.)
Para usar estos propios hechos, debes conocer el lenguaje de la escritura; específicamente, realizar una acción específica en la creación del evento.
Por ejemplo:
<body onload = "alert ('Carga completa');">
(Nota: asegúrese de que utiliza el carácter en el teclado para una cotización única)