HTML: los elementos básicos para principiantes
HTML – lenguaje de marcado de hipertexto que se ha hecho de Internet tal como la conocemos y el amor. Es gracias a esta maravillosa herramienta sitios ven bien y moderno y ofrece la comodidad de su uso. HTML es simplemente Reúne los elementos de una página web en una opción fácil de usar. Su trabajo es comparable al hecho de que lo hacen los editores de texto como MS Word u OpenOffice. Ellos a su vez una masa sin rostro de las letras en un documento que tiene párrafos, texto en negrita, cursiva, tablas e incluso imágenes. Más o menos lo mismo que hace HTML, con la única diferencia de que sus documentos se muestran en el navegador, y las posibilidades de esta herramienta es mucho más amplio que el editor de texto. Se utiliza para marcar las etiquetas – comandos especiales que describen una estructura de la página web. Se incluyen entre paréntesis angulares – , el navegador podría distinguirlos de la masa total del texto. A continuación vamos a ver los conceptos básicos de HTML para principiantes.
editores visuales
Solo principiantes allanando el camino para el estudio del HTML, a menudo comienzan su trabajo con programas para crear sitios web sin ningún conocimiento. Simplemente, pueden colocar los elementos en la pantalla tal y como aparecerán en el navegador. Al parecer, aquí está – la fuente de la gracia eterna, permite deshacerse de la mayoría de los desarrolladores web. Pero no es tan simple, porque los editores visuales tienen muchos defectos que hacen que sea imposible utilizarlos en proyectos serios.
Estos programas crean una gran cantidad de etiquetas innecesarias que hacen que la versión final de la página engorroso y subóptima. Por supuesto, en esta era de internet de alta velocidad es de menor importancia que en el pasado, pero hay una serie de razones por las que un sitio web conciso y bien escrito es un enfoque más práctico que su contraparte, creado en el editor visual. página Web hecha en un programa de este tipo será mal tratado por los motores de búsqueda como importantes para ellos cada kilobytes de código y el código engorroso e ilógica con un montón de errores semánticos casi no tenerlos al gusto. Además, los editores a menudo detrás de los tiempos, se vuelven irrelevantes, y para gastar recursos en su desarrollo no es práctico porque ningún profesional no utilizará estos productos. Por lo tanto, cualquier persona que quiera trabajar en la creación de sitios, debe conocer los conceptos básicos de HTML.
etiquetas
Como se mencionó anteriormente, las etiquetas describen la estructura de la página de navegador web. La mayoría de ellos tienen etiquetas de apertura y cierre, pero no todos. Por ejemplo,
También hay etiquetas individuales, que no necesitan ser cerrado. En ellos estaba dentro, así como atributos. Atributo se puede establecer para la mayoría de etiquetas HTML y establece las propiedades del elemento. Se designa en la etiqueta de apertura se parece a esto: atributo = "…", donde en lugar de los puntos es el valor del atributo. El conocimiento de la etiqueta es el primer y más importante paso para el desarrollo de HTML. Los fundamentos de este arte también implican una comprensión de la estructura de la página web.
la estructura del documento
Cada documento HTML tiene una extensión correspondiente, por ejemplo, index.html. Por lo que el navegador pueda entender lo que tiene que hacer, y visualizar correctamente una página. Todo los archivos que se utilizan para crear el sitio, es aconsejable mantener en el mismo directorio que en el futuro facilitará en gran medida su vida. Fundamentos de lenguaje de marcado de hipertexto HTML implican una clara comprensión de la estructura del documento. Se inicia con la etiqueta , dice la versión del navegador de HTML, que se utiliza en el presente documento. Por el momento, tópica quinta versión del lenguaje, así que no hay necesidad de inventar nada, podemos insertar de forma segura La etiqueta por encima de la parte superior de cualquier página.
A continuación, vaya a la estructura principal emparejado, que constituye el "esqueleto" del sitio. La primera etiqueta en la que puso a todo el resto – … . Todo lo que está más allá, no es reconocido por el navegador como una página web, por lo que se abre y se cierra el documento. Se requiere esta etiqueta para cualquier documento. También contiene varias etiquetas obligatorias, que serán discutidos más adelante.
cabeza
Dentro de la etiqueta … contiene información de carácter técnico, que no se mostrará en la página, pero, sin embargo, es una parte importante del documento HTML. Sitio notificación establecido en este lugar, se seleccionan y se introdujo en la codificación del nombre de la página. Está contenida dentro de la etiqueta obligatoria
enlace
conocimiento básico de HTML también implica el uso de estilos en cascada o CSS. Establecen propiedades de los elementos que se mostrarán en la página. El enfoque moderno a este problema consiste en la imposición de características tales como el color, la altura y la ubicación del elemento, en un archivo externo para mayor comodidad. Para conectar el css-file utiliza la etiqueta . En su forma final, se ve algo como esto: , lo que indica href en la ubicación del archivo, y el tipo – de su tipo.
cuerpo
Es en esta parte del documento HTML-creado por la parte visible de la página. Todo lo que se hace dentro del "cuerpo", aparece en pantalla por el navegador. En el se utiliza una gran cantidad de etiquetas HTML. Fundamentos – Este formato de texto, trabajan con enlaces y sencilla herramienta para la estructuración de una página web. Para llegar a trabajar en HTML, basta con conocer las etiquetas básicas y ser capaz de utilizarlas. A continuación son los más populares:
- – se utiliza para extraer una subcadena, para ser asignado a un estilo particular, se describe en el css;
- – crea un enlace en una página web; saltar dirección se especifica el atributo href;
- – una de las etiquetas modernas más populares; Cualquiera que decidió aprender los conceptos básicos de la HTMLl lenguaje debe prestar especial atención a la misma, ya que es un elemento de bloque, que se hace sobre la base de la mayor parte de los sitios web de hoy en día (los parámetros para el bloquese establecen en css, y otras unidades pueden colocarse dentro de esta etiqueta);
– selecciona un párrafo de texto; el contenido del párrafo se encuentra entre las etiquetas de apertura y cierre;
- – una lista numerada, los elementos de los cuales son como par de etiquetas
- ;
-
- – una lista con viñetas, que, así como en los elementos numerados se denota por la etiqueta
- ;
-
–
– cabeceras del documento (la figura indica el nivel de la cabecera, es decir,
– el título principal, y las variaciones posteriores son sus subtítulos, por cierto, los niveles de las partidas
,
es casi imposible de encontrar en los espacios abiertos de Internet) también es importante recordar que una página sólo puede tener un encabezado
;
- – texto en negrita;
- – cursiva;
- – insertar imágenes en la página web (que es una sola etiqueta, que no tiene que cerrar, pero es necesario especificar el atributo alt, que especifica el texto de una imagen);
Esto no es todo las etiquetas necesarias para crear su propia página web, pero son suficientes para sentar las bases de HTML para principiantes.
CSS
el desarrollo del lenguaje HTML ha llevado al hecho de que los atributos de peso cada etiqueta obzavolsya, y los requisitos para la aparición de páginas Web significar un incremento sustancial. Código ha hecho muy pesado e incómodo, que era difícil de leer, y mucho menos para adaptar o cambiar. Además, a continuación, tiene que sudar, cambiando cada lado, si su sitio diez páginas, en el que una gran cantidad de titulares, marcado en verde, y de repente que quería hacerlos rojo. Con la llegada de Cascading Style Sheets, este proceso se ha convertido en simple y lógica, y el código HTML se ha vuelto mucho más fácil de leer.
La aplicación de CSS
Para crear páginas Web, debe conocer los conceptos básicos de HTML y CSS, por lo que ahora es sin el conocimiento de las hojas de estilo en cascada para hacer en esta zona no es nada. Se establecen los atributos de cada elemento, que se aplican a todo el documento. Por lo tanto, se puede establecer el color una vez para todos los elementos
o Ra, escribir una sola regla. Teniendo en cuenta los requisitos actuales para la aparición de páginas web, el uso de hojas de estilo es una necesidad.
Con el fin de conectar el archivo css con el documento, hay un enlace de etiqueta. Ligeramente por encima de ella describió principio de su uso, pero no es la única opción que combina todos los estilos en un solo lugar. Existe la etiqueta , que se encuentra en la "cabeza" del documento y le permite registrar estilos sin usar archivos CSS. No necesariamente para usar uno u otro método u otro. Se pueden combinar con éxito para producir el mejor resultado. Para crear un archivo con las hojas de estilo que crear un archivo con la extensión .css, por ejemplo, Styles.css.
JavaScript
A menudo, la persona que ha decidido iniciar el desarrollo de páginas Web, se da cuenta de que su tarea no es suficiente de los fondos ofrecidos por HTML. Fundamentos crearán una página hermoso, pero lo que si de repente se necesita para que sea interactivo? A estos efectos, hay un lenguaje de programación escenario único que interactúa bien con HTML. Se llama JavaScript, ya que fue concebido como un hermano más joven del lenguaje Java popular. Hoy en día, estas lenguas han conseguido diferencias significativas, y la brecha entre ellos sólo se crece.
JavaScript puede potenciar HTML, que permite crear y editar las etiquetas. También con la ayuda de esta maravillosa herramienta, se puede trabajar con Cokie, la descarga de datos desde el servidor sin tener que recargar la página para hacer el sitio más interactivo que permite capacidades de HTML. Tiene la lengua y las limitaciones que se asocian con la seguridad. Si no se utiliza JavaScript en el lado del servidor, que se llevará a cabo en condiciones que restringen su capacidad, que los atacantes podrían utilizar código malicioso en cualquier ordenador.
editores
conceptos básicos de HTML para el principiante presuponen un conocimiento previo del programa más conveniente y práctico para la creación de páginas web. Como se describió anteriormente, los editores visuales tales como Dreamweaver y similares, no son adecuados para estos fines. Por lo tanto, escribir etiquetas en un cuaderno normal? Esta opción también es cuestionable, ya que un portátil estándar no tiene ninguna herramienta especial para el diseño. Esta tarea también puede hacer frente Notepad ++. Una gran ventaja de este producto es que es de código abierto y se distribuye de forma gratuita. En ella también encontrará una parada etiquetas para destacar la sintaxis y auto-cierre. Notepad ++ también proporciona una amplia gama de idiomas de la interfaz, y su capacidad de ampliar fácilmente con la ayuda de numerosas adiciones.
Sublime Text 3 – un programa similar al Notepad ++, sino que se extiende de una retribución. Que se ganó el corazón de la mayoría de los desarrolladores. Sublime texto 3 ideal para JavaScript, CSS y HTML. Fundamentos de la utilización que tendrán que aprender por su cuenta, pero vale la pena. Contiene las posibilidades realmente ilimitadas para la puesta a punto que maximiza ajustar el programa de acuerdo a sus necesidades.
Los conceptos básicos de HTML y CSS para principiantes
Como se puede ver, aprender el arte de la creación de páginas web no es tan difícil como parece a primera vista. A pocos meses de prácticas te convertirán a partir de un usuario principiante tímido para el desarrollador. Vorstke aprender mucho más fácil que para aprender cualquier lenguaje de programación o Linux. De hecho, las etiquetas HTML no están tan importante entender los aspectos prácticos de su aplicación.
No está por demás en este negocio es habilidades de trabajo en Adobe Photoshop. Este programa le permite trabajar con fotos, imágenes y otros elementos gráficos de las páginas web. En el momento en que "Photoshop" es la mejor manera de hacer frente a estos problemas, los competidores tenían un poco. Para aquellos que son producto de Adobe de la compañía no llegó a su gusto, hay Lightroom, GIMP, Illustrator y otros programas con funciones similares.
Eso le da conocimiento de HTML
Las habilidades en la creación de páginas web es muy relevante hoy en día, a medida que Internet se está expandiendo a pasos agigantados. Todas las empresas, cualesquiera, incluso la tienda más pequeña, talleres y clubes deportivos – todos quieren tener su propio sitio web. Y, por supuesto, para ello necesitan un desarrollador que posee CSS y HTML. Fundamentos fácil de aprender, y luego le toca a la práctica. Dado que la tecnología de diseño está en constante evolución, los desarrolladores de aplicaciones para usuario son siempre de la demanda. Cualquier persona que decide dedicarse a este sector de gran interés, nunca estará sin trabajo.