Se han inventado muchos idiomas, pero el lenguaje HTMLpertenece a un número de especial y más demandado. Muchas otras iniciativas clave en la programación están asociadas a él. Mucho está disponible cuando el conocimiento del lenguaje de marcado está presente en la mente del desarrollador: lenguaje de marcado de hipertexto (HTML).

muestra la página html

En esencia, en HTML no hay nada complicado, yunos minutos cualquiera, el más alejado de la programación y la persona de Internet, creará una página HTML en un cuaderno. Un ejemplo que merece atención es la simplicidad, que es realmente accesible para todos.

Descripción general

El archivo HTML es una página del sitio, aunque se puede argumentar, pero el hecho de que un archivo sea una página es comprensible para empezar.

El archivo HTML comienza con el encabezado DOCTYPE, en elque indica que el tipo de este archivo es HTML. Todos los elementos de la página (etiquetas) se indican entre corchetes angulares. Cada par ("<" y ">") incluye una etiqueta HTML. Normalmente, las etiquetas HTML están vinculadas, es decir, hay "/ etiqueta" para cada "etiqueta". Ambos están encerrados en paréntesis angulares. Hay etiquetas únicas, de las cuales la más popular "br /" es la transición a la siguiente línea.

La etiqueta más grande en el archivo es HTML en sí, enque incluye solo dos etiquetas: HEAD y BODY. En la primera, se realizan descripciones diferentes, se especifican enlaces a otras páginas, pueden estar presentes scripts PHP y JavaScript. En el segundo, se registra el contenido de la página. También en forma de etiquetas y scripts.

Página HTML simple

Un ejemplo de creación de dicha página se enumera a continuación en el artículo. Considéralo cuidadosamente.

El ejemplo del autor no es una imagen

Sección HEAD

El objetivo principal de la etiqueta HEAD es una descripción general de la página y los scripts comunes, aunque este último es un concepto relativamente relativo. Usualmente, solo dos cosas son importantes aquí:

  • palabras clave y descripción de la página;
  • enlaces a otros archivos (* .css y * .js).

Para visualizar el contenido del contenido de la página de esta sección tiene importancia sólo indirecta, ya que indica que algunos otros archivos tienen reglas CSS para las etiquetas y otros lenguajes de scripts.

La página HTML tiene un título (TÍTULO) queSe muestra cuando el visitante lleva el mouse a la pestaña donde está abierta la página. Este es un punto importante, ya que hace que la página sea significativamente más presentable, más fácil de decir, firmada con texto legible.

Ejemplo de página web html

Las etiquetas META son importantes en la programación de Internet en general, pero cuando desea crear una página HTML en un bloc de notas, no es deseable que el ejemplo se complique con construcciones redundantes.

Enlaces LINK y SCRIPTatención. El primero apunta al lugar donde reside la hoja de estilo CSS, el segundo a la ubicación del archivo de código JavaScript. Puede haber muchas de esas referencias.

Si los guiones deben ser abordados, cuando el conocimientoHTML se fortalecerá, entonces las hojas de estilo en cascada se deben prestar atención inmediatamente. En los archivos CSS son, en particular, las reglas para el diseño de etiquetas HTML.

Sección BODY

En realidad, un ejemplo de una página HTML es estosección CUERPO. Es aquí que contiene toda la información, todo el contenido de la página del sitio. Toda la información se presenta en forma de etiquetas y scripts, por ejemplo, insertando código JavaScript o piezas de programas PHP.

Es importante entender que el ejemplo de una página web HTML ennavegador y el mismo ejemplo en un editor de texto, bloc de notas en particular, esto no es lo mismo. En el primer caso, tenemos el texto HTML terminado, en el que se ejecutan todos los scripts. Por ejemplo, PHP ha trabajado su parte y ha generado las etiquetas necesarias en lugar de su código en los lugares correctos. JavaScript también cumplió su misión, aunque todavía hay una conversación separada al respecto.

simple página de ejemplo html

HTML es una etiqueta, no una secuencia de comandos. En última instancia, el navegador muestra solo el contenido de la página, solo sus etiquetas. No hay código PHP allí.

JavaScript está en una posición especial, su preocupación es servir a la página no solo en el momento de la carga (sobrecarga), sino también cuando la página está en el navegador del visitante y el usuario la está estudiando.

Un ejemplo simple del código de página HTML (solo la sección BODY) se enumera a continuación.

El ejemplo del autor no es una imagen

Y en el navegador del visitante, se ve como el que se muestra a continuación.

El ejemplo del autor no es una imagen

El código no especificaba cómo lucirelementos que el navegador muestra. Todo el diseño visible está en las reglas de CSS. En este caso, en el archivo Mcss / scPhpWordRW.css, al que se hizo referencia (vea el primer ejemplo de una página HTML).

A diferencia de HTML, el tema CSS es más simple, hayreglas muy asequibles y su número es pequeño, cuando un ejemplo de creación de una página HTML no requiere nada más que el bloc de notas. Todo es muy accesible para el dominio instantáneo:

El ejemplo del autor no es una imagen

Esto muestra cómo una etiqueta se describe simplementescLogo_vDoc, y esta descripción es tal que, en estado normal, la etiqueta muestra la imagen vDoc-logo.png, y cuando el mouse está sobre ella, se visualiza vDoc-logo-h.png.

Estructura de descripción HTML

El lenguaje no implica ninguna estructura yel concepto de sintaxis es muy relativo. No hay variables, pero hay muchas posibilidades. La base del hipertexto es que hay un elemento (etiqueta) que necesariamente tiene un nombre.

El nombre del caso, el par de etiquetas, compuesto por nombres propios (tagName) y paréntesis angulares ( «<» + tagName + «>»), si estamos hablando del principio de la etiqueta, y «</» + tagName + «>», aunque se registre su fin

Un ejemplo de una página HTML que describe los atributos se encuentra debajo en el texto.

El ejemplo del autor no es una imagen

Una etiqueta puede tener atributos, luego se colocana través de un espacio después del nombre de la etiqueta en el corchete angular de cierre ">". Los atributos, si tienen una etiqueta, se escriben solo al comienzo de la etiqueta. El contenido de la etiqueta es lo que está entre el comienzo de la etiqueta y su final.

El contenido general de las descripciones de HTML

HTML le permite describir bloque y minúsculaelementos. Los primeros ocupan un área determinada en la ventana del navegador, se pueden colocar absolutamente, es decir, en el lugar correcto en el área de visualización de la página HTML, y tienen un tamaño específico.

un ejemplo de crear una página html

Las líneas de pedido generalmente se muestranun hilo, es decir, como se indica en el archivo de página, y se muestran. La visualización del flujo total puede verse afectada cuando se carga la página. La colocación, la visibilidad y otras propiedades de los elementos del bloque pueden verse afectadas en cualquier momento por medio del código JavaScript.

Además de elementos simples, HTML ofrece la descripción de tablas y formularios. Estos elementos son muy solicitados en la "construcción de sitios cotidianos".

Descripción de la tabla: tags TABLE, TR, TD

Usando la etiqueta TABLE, puedes crear una tabla,indique un cierto número de filas TR y en cada fila un cierto número de celdas TD. En contraste con la mesa habitual de la organización, debido a la organización de tablas HTML marcado carácter limitado a esta declaración, ya que si el desarrollador quiere tener una mesa rectangular en la que el número de columnas en todas las filas de la misma, entonces se debe seguir por ti mismo.

muestra la página HTML html

La posición básica de HTML: hacer todo lo que se indica, pero nada que no se entienda. En algunos casos, el número de columnas en cada fila de la tabla no es tan importante, pero si necesita combinar celdas vertical u horizontalmente, tendrá que contar todo muy cuidadosamente.

Un ejemplo de una página HTML que describe una tabla simple se muestra claramente en el artículo.

El ejemplo del autor no es una imagen

Aquí hay una tabla del tamaño de tres filas por trescolumnas, y en la primera fila, en lugar de la etiqueta TD, se utilizó la etiqueta TH: el encabezado de la columna. No existen diferencias especiales entre estas dos etiquetas, pero puede usar la primera para distinguir la primera fila de la tabla, y en CSS a TH puede adjuntar su propio estilo, que lo distingue de otros TD.

Descripción del formulario: etiquetas FORM, INPUT

Los formularios son la parte más solicitada de las etiquetas HTML. Usando formularios, puede transferir información. En realidad, la página en sí es el resultado de la información, pero la forma es su entrada.

Ejemplo de una página HTML con una descripción de formulario simple:

El ejemplo del autor no es una imagen

El uso de formularios es mucho mayor, perolas principales posibilidades son las siguientes. Puede especificar los campos de entrada, asignarles el diseño y los controladores para analizar la entrada del usuario. Puede especificar campos ocultos y enviar información de fondo desde la página. Puede designar botón de transmisión de información, presionando que inicia el proceso de transferencia de datos.

Usando HTML

Saber que el lenguaje del hipertexto es una condición indispensabletrabaje en cualquier especialización en el campo de la programación de Internet, pero si necesita escribir programas en PHP o JavaScript, entonces necesita saber HTML + CSS perfectamente.

El lenguaje PHP fue indicado en el ejemplo anterior. PHP se ejecuta en el servidor, porque la página con este formulario ha volado del servidor al navegador con los campos rellenos. En particular, la función TestOnBlur, mencionada en la etiqueta ENTRADA (controlador de eventos onblur), recibió todos los parámetros en forma de campos de texto.

creando una página html en el cuaderno de muestra

El navegador ejecuta JavaScript, y parafuncionaba correctamente para enviar datos de vuelta a la llave del servidor, que es el diseño :. onclick = jQuery ( "# a") Val ( "cesta"), usted debe tener una idea no sólo de lo que el jQuery, pero lo que # para, val , carro Más precisamente, necesita conocer las etiquetas HTML principales y las reglas generales para aplicarles estilos CSS.

Esto es más que suficiente para elevar rápidamente sus calificaciones para cualquier especialización en el campo de la programación de Internet.

</ p>