Un ejemplo de una página HTML y los principios básicos de

Inventado muchos idiomas, pero el lenguaje de HTML es uno de los más especiales y vosstrebovan. Ya que implica una gran cantidad de otras iniciativas clave en la programación. Mucho se ha hablado disponible, cuando en la mente de los conocimientos actuales desarrollador de lenguaje de marcado – HyperText Markup Language (HTML).

De hecho, en HTML, no hay nada difícil, y en pocos minutos todos los más distantes de la programación y de Internet la gente va a cumplir con la creación de páginas HTML en el bloc de notas. Ejemplos notables, la sencillez, de hecho, accesible a todos.

descripción general

archivo HTML – un sitio de una página, aunque esto es discutible, pero lo que es un archivo por página, para empezar, está claro.

archivo HTML comienza con una cabecera DOCTYPE que especifica que el tipo de archivo – HTML. Todos los elementos de la página (tags) se indican entre paréntesis angulares. Cada par ( "") incluye una etiqueta HTML. Por lo general, las etiquetas HTML están emparejados, es decir, para cada «etiqueta» tiene «/ tag». Ambos están entre corchetes angulares. Hay una sola etiqueta, de los cuales el más popular «br /» – la transición a la siguiente línea.

La etiqueta en el archivo más grande – yo mismo HTML, que incluye sólo dos etiquetas: cabeza y el cuerpo. En el primer caso, la especificación diferente son indicativos de enlaces a otros archivos de página pertinentes pueden estar presentes PHP y scripts de JavaScript. En el contenido escrito segunda página. También en forma de etiquetas y secuencias de comandos.

Sencilla página HTML

Ejemplo de creación de dicha página se indica en el artículo siguiente. Considere cuidadosamente.

sección HEAD

La etiqueta principal objetivo CABEZA – una descripción general de la página y las secuencias de comandos generales, aunque este último – sólo un concepto relativo. Por lo general, no da una importancia considerable a sólo dos cosas:

• 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.

HTML-página tiene un título (título), que se muestra cuando un usuario lleva el ratón sobre la pestaña en que se abra la página. Esto es importante, ya que hace que la página mucho más presentable, más fácil decir, firmó texto legible.

Meta-tags son importantes en la programación web en general, pero cuando se requiere la creación de páginas HTML en un cuaderno, un ejemplo de las estructuras redundantes desorden indeseable.

En el enlace y enlaces guión debe prestar especial atención. La primera se refiere a un lugar donde hay un archivo de hoja de estilos CSS, el segundo – la ubicación del archivo JavaScript-código. Tales enlaces se pueden establecer.

Si utiliza secuencias de comandos deben ser tratados como un conocimiento de HTML se hará más fuerte, se debe prestar atención inmediata en las hojas de estilo en cascada. Los archivos CSS son, en particular, las normas de registro de etiquetas HTML.

sección BODY

De hecho, una página HTML de la muestra – esta es la sección del cuerpo. Es aquí que contiene toda la información, todo el contenido de la página. Toda la información se presenta en forma de etiquetas y secuencias de comandos, tales como la inserción de un código JavaScript o piezas del PHP-programa.

Es importante darse cuenta de que el ejemplo de páginas Web HTML en el navegador y el mismo ejemplo en un editor de texto como el Bloc de notas, esto no es lo mismo. En el primer caso estamos listos HTML-texto en el que todas las secuencias de comandos ejecutados. Por ejemplo, PHP ha cumplido su parte y formada en lugar del código en los lugares correctos las etiquetas. JavaScript también cumplió con su misión, a pesar de ello todavía sea una conversación separada.

HTML – Etiquetas en lugar de guiones. En última instancia, sólo el contenido de la página visualizada en el navegador, pero su etiqueta. Sin código PHP no está allí.

JavaScript está en una posición especial, su cuidado – para servir a la página, no sólo durante el arranque (sobrecarga), pero en los momentos en los que la página está en el navegador del usuario, y los estudios de TI.

Un ejemplo sencillo de código HTML-página (sólo la sección de cuerpo) se muestra a continuación.

El navegador de un visitante se ve como se muestra a continuación.

No se especificó en el código debe ser similar a los elementos que hizo el navegador. Todo el diseño es visible en las reglas CSS. En este caso, mcss archivo / scPhpWordRW.css que se hace referencia (ver. El primer ejemplo de una página HTML).

A diferencia de HTML, CSS tema es más simple, no hay reglas muy accesibles y su número es pequeño, cuando el ejemplo de la creación de páginas HTML no requiere que no sea el bloc de notas nada. Todo es muy accesible para el desarrollo inmediato:

Esto demuestra lo fácil que es descrito scLogo_vDoc etiqueta, y esta descripción es que en un estado normal de la etiqueta muestra una imagen vDoc-logo.png, y cuando el ratón está sobre ella – visualizado vDoc-logo-h.png.

La estructura de las descripciones HTML

El lenguaje no implica llevar a cabo cualquiera de la estructura y la sintaxis del concepto aquí es muy relativo. No hay variables, pero hay un montón de oportunidades. La base fundamental de hipertexto es que hay un elemento (etiqueta) que está seguro de tener un nombre.

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

Ejemplo de páginas HTML que describen atributos ubicados en el texto a continuación.

La etiqueta puede tener atributos, entonces se ponen a través de un espacio después del nombre de la etiqueta antes de la llave de cierre ">". Atributos, si tienen la etiqueta se registra sólo al principio. El contenido de la etiqueta es la que se encuentra entre la etiqueta de inicio y final de la misma.

Total de descripciones de contenido HTML

HTML le permite describir los elementos de bloque y en línea. Primero, se ocupará un área determinada en la ventana del navegador puede colocarse absolutamente, es decir en el lugar correcto en el campo de la visualización de páginas HTML, y tienen un tamaño específico.

Los elementos en línea por lo general aparecen un hilo, es decir, como se dijo en el archivo de página, y se muestran en la pantalla. La pantalla del flujo total puede ser influenciado cuando se produce la carga de la página. En la colocación, la visibilidad, y otras propiedades de los elementos de bloque puede ser influenciada en cualquier momento a través de JavaScript-código.

Además de los elementos simples, HTML ofrece para describir las tablas y formularios. Estos elementos son de una gran demanda en la "construcción de sitio todos los días."

Descripción de la tabla: TABLA etiquetas, TR, TD

Cuando la etiqueta tabla se puede utilizar para crear una tabla, especifique un número de filas y TR en una fila para un número de células 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.

La posición de principio de HTML: hacer lo que sea, pero nada que no se entiende. En algunos casos no es tan importante el número de columnas en cada fila de la tabla, pero si desea realizar una combinación de células de forma horizontal o vertical, es necesario contar todo con mucho cuidado.

Ejemplo de página HTML con una descripción de una tabla simple muestra gráficamente en el artículo.

Aquí es una tabla que muestra el tamaño de tres filas por tres columnas, con la primera etiqueta fila TH se utilizó en lugar de la etiqueta TD – la cabecera de la columna. Particularmente se distingue estas dos etiquetas no tienen, pero es posible utilizar el primero en distinguir entre la primera fila de la tabla, y en el CSS para TH, se puede adjuntar su propio estilo, que lo distingue de otros TD.

Descripción formulario: etiqueta FORM, ENTRADA

Formulario – esta es la parte más demandado de las etiquetas HTML. Utilizando formas pueden transmitir información. En realidad, la página – esta información en pantalla, pero la forma – de entrada.

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

Usos de formas mucho más, pero las principales características son las siguientes. Se puede especificar el campo de entrada, es necesario asignarlas a diseñar y controladores de eventos para el análisis de la entrada del usuario. Se puede especificar un campo oculto y transmitir información desde el fondo de la página. Puede designar botón de transmisión de información, presionando que inicia el proceso de transferencia de datos.

El uso de HTML

Para conocer el lenguaje de hipertexto – una condición indispensable para cualquier especialización del trabajo en el campo de la programación de Internet, pero si quieres escribir un programa en PHP o JavaScript, HTML + CSS conocer perfectamente necesitan.

lenguaje PHP ha sido identificado en el ejemplo anterior. PHP se ejecuta en el servidor, ya que una página con esta forma voló desde el servidor al navegador con los campos llenos. En particular, TestOnBlur funciones mencionadas en la ENTRADA etiqueta (onblur controlador de eventos), recibieron todos los parámetros en la forma de campos de texto.

El navegador ejecuta JavaScript, ya funcionaba correctamente los datos botón enviar de vuelta al servidor, es decir, el diseño :. onclick = jQuery ( '# a') Val ( 'carrito'), es necesario conocer no sólo sobre lo que el jQuery, pero lo que # para, val, de compras. De manera más precisa, es necesario conocer las etiquetas HTML básicas y las reglas generales que se les aplican los estilos CSS.

Esto es suficiente para elevar rápidamente la calificación de cualquier especialización en el área de programación de Internet.