Un exemplo dunha páxina HTML e os principios básicos da

Inventou moitas linguas, pero a linguaxe HTML é un dos máis especial e vosstrebovan. Xa que implica unha serie de outras iniciativas clave na programación. Moi faise dispoñible cando na mente do creador coñecemento actual linguaxe de reserva - hipertexto Markup Language (HTML).

De feito, en HTML, non hai nada difícil, e en poucos minutos, as máis distantes da programación ea xente de Internet vai cumprir o establecemento HTML-páxinas no portátil. exemplos notables, simplicidade, de feito, accesible a todos.

descrición xeral

ficheiro HTML - un sitio web dunha páxina, aínda que iso sexa discutible, pero o que é un ficheiro por páxina, para comezar, por suposto.

ficheiro HTML comeza cunha cabeceira DOCTYPE que especifica que o tipo de ficheiro - HTML. Todos os elementos da páxina (tags) están indicados dentro corchetes. Cada par ( "<" e ">") inclúe unha etiqueta HTML. Normalmente etiquetas HTML están vinculados, é dicir, para cada «etiqueta» teñen «/ etiqueta». Ambos están situados entre parénteses angulares. Hai unha única etiqueta, dos cales o máis popular «br /» - transición á seguinte liña.

A maior marca no ficheiro - iso só HTML, que inclúe só dous tag: cabeza e do corpo. No primeiro caso, a especificación diferente son indicativos de enlaces a outros arquivos de páxinas pertinentes poden estar presentes PHP e scripts JavaScript. No contido escrito segunda páxina. Tamén na forma de etiquetas e scripts.

Simple HTML páxinas

Exemplo de crear tales páxina indícase no artigo seguinte. Considera-la coidadosamente.

sección HEAD

A principal etiqueta propósito HEAD - unha descrición xeral da páxina e os scripts xerais, aínda que este último - só un concepto relativo. Xeralmente non atribúe grande importancia a só dúas cousas:

• palabras clave e descrición da páxina;
• ligazóns a outros ficheiros (* .css e .js *).

Para ver o contido do contido da páxina desta sección ten importancia só indirecta porque indica onde algúns outros arquivos teñen regras CSS para etiquetas e outras linguaxes de guións.

HTML-páxina ten un título (title), que aparece cando un visitante trae o rato sobre a pestana onde a páxina é aberta. Isto é importante porque fai a páxina máis apresentável, máis fácil de dicir, asinado texto lexible.

Meta-tags son importantes para programación web en xeral, pero cando é necesario a creación de páxinas HTML nun portátil, un exemplo de estruturas redundantes desorde non desexado.

Na ligazón e ligazóns de script debe prestar atención especial. A primeira refírese a un lugar onde hai un ficheiro de folla de estilos CSS, o segundo - a localización do ficheiro JavaScript-código. Estes enlaces poden ser definidas.

Se usar scripts debe ser tratado como un coñecemento de HTML vai estar máis forte, ten que prestar atención inmediatamente sobre follas de estilo en cascada. Os arquivos CSS son, en particular, as normas de rexistro de etiquetas HTML.

CORPO sección

De feito, un HTML páxina de mostra - esta é a sección corpo. É aquí que contén toda a información, todo o contido da páxina. Toda a información preséntanse en forma de etiquetas e scripts, como a inserción dun JavaScript-código ou pezas do programa PHP.

É importante entender que o exemplo de páxinas web HTML no navegador e mesmo exemplo nun editor de texto, como o bloque de notas, esta non é a mesma cousa. No primeiro caso, estamos preparados HTML-texto no que todos os scripts executados. Por exemplo, PHP cumpriu a súa parte e formado no canto do código nos lugares determinados etiquetas. JavaScript tamén cumpriu a súa misión, aínda sobre iso aínda ser unha conversa por separado.

HTML - el marca en vez de scripts. En definitiva, só o contido da páxina aparecerá no navegador, pero a súa etiqueta. No PHP-código non está alí.

JavaScript está nunha posición especial, o seu coidado - para servir a páxina, non só no momento da inicialización (sobrecarga), pero nos momentos en que a páxina está no navegador do visitante, e os estudos de TI.

Un exemplo simple de código HTML-páxina (só a sección de corpo) é o seguinte.

O navegador dun visitante mira como se mostra a continuación.

non se especificou o código debe parecerse cos elementos que levaron o navegador. Todo o deseño é visible nas regras CSS. Neste caso, MCSs ficheiro / scPhpWordRW.css que foi referenciado (ver. O primeiro exemplo dunha páxina HTML).

A diferenza de HTML, CSS tema é máis simple, hai regras moi accesibles eo seu número é pequeno, cando o exemplo da creación de páxinas HTML non require nada máis do bloque de notas. Todo é moi accesible para desenvolvemento inmediato:

Iso mostra o quão doado é descrito tag scLogo_vDoc, e esta descrición é que, nun estado normal da marca exhibe unha imaxe vdoc-logo.png, e cando o rato está sobre el - amosa vdoc-logo-h.png.

A estrutura das descricións HTML

A linguaxe non implica a realización de calquera estrutura e sintaxe do concepto aquí é moi relativo. Non hai variables, pero hai unha abundancia de oportunidades. A base fundamental do hipertexto é que hai un elemento (tags) que é a certeza de ter un nome.

O nome do caso, o par de etiquetas, composto por nomes propios (TagName) e corchetes ( «<» + tagName + «>»), se estamos a falar sobre o inicio da etiqueta, e «», se rexistrou súa extremidade.

Exemplo de páxina HTML que describen atributos situados no texto a continuación.

A etiqueta pode ter atributos, entón son colocados mediante un espazo despois do nome da marca antes do peche paréntese angular ">". Atributos, se eles teñen a marca é rexistrada só no inicio. O contido da etiqueta é o que queda entre a etiqueta de inicio e final do mesmo.

descricións totais de contido HTML

HTML permite describir os elementos de bloque e en liña. Primeiro ocupar unha determinada área da xanela do navegador pode ser posicionado absolutamente, que está no lugar seguro, na área de visualización HTML-páxinas, e ter un tamaño específico.

elementos de liña xeralmente aparecen un segmento, é dicir, como foi afirmado no ficheiro de páxina aparece na pantalla. A exhibición do fluxo total pode ser influenciada cando a carga da páxina ocorre. Publicación, visibilidade, e outras propiedades dos elementos de bloque pode ser influenciado en calquera momento a través JavaScript-código.

Ademais dos elementos simples, HTML ofrece para describir as táboas e formularios. Estes elementos son moi buscados na "construción web todos os días."

Descrición da táboa: Táboa etiquetas, TR, TD

Cando tag TABLE se pode usar para crear unha táboa, especificar un número de liñas e TR nunha liña por un número de células TD. En contraste coa mesa habitual de organización, debido á natureza HTML-markup organización tabular limitado a esta declaración, porque se o creador quere ter unha mesa rectangular na que o número de columnas en todas as liñas da mesma, a continuación, debe seguir isto por si mesmo.

A posición de principio de HTML: facer o que sexa, pero nada que non se entende. Nalgúns casos non é tan importante para o número de columnas en cada liña da táboa, pero se quere realizar unha Unir células horizontal ou vertical, é necesario contar todo con moito coidado.

Páxina de exemplo HTML coa descrición dunha tabela graficamente no artigo.

Aquí está unha táboa que mostra o tamaño de tres liñas por tres columnas, coa primeira marca de liña TH foi usado en vez de etiqueta TD - na cabeceira da columna. Particularmente distinguido estas dúas marcas non teñen, pero é posible utilizar o primeiro en distinguir entre a primeira liña da táboa, e en CSS para TH, pode achegar o seu propio estilo, que o distingue doutros TD.

Descrición xeito: etiqueta FORM, ENTRADA

Form - esta é a parte máis esixido dos HTML-tags. Usando formas pode transmitir información. De feito, a páxina - este información de exhibición, pero a forma - de entrada.

Páxina de exemplo HTML cunha descrición dun xeito sinxelo:

Utiliza de forma moito máis, pero as principais características son as seguintes. Pode especificar o campo de entrada, ten que atribuílo a eles a proxectar e manipuladores de eventos para a análise de entrada do usuario. Pode especificar un campo oculto e transmitir información a partir do fondo da páxina. Pode designar botón de transmisión de información, preme que inicia o proceso de transferencia de datos.

usando HTML

Para coñecer a linguaxe de hipertexto - unha condición indispensable para calquera especialización do traballo no campo da programación Internet, pero se quere escribir un programa en PHP ou JavaScript, entón, saber HTML + CSS ten perfectamente.

linguaxe PHP foi identificado no exemplo anterior. PHP é executado no servidor, porque unha páxina con esta forma voou dende o servidor para o navegador cos campos cubertos. En particular, TestOnBlur funcións mencionadas na entrada tag (onblur manipulador de eventos), recibiu todos os parámetros en forma de campos de texto.

O navegador executa JavaScript, e funcionou correctamente os datos Enviar botón ao seu servidor, é dicir, deseño:. Onclick = jQuery ( '# a') Val ( 'carro'), é necesario saber non só sobre o que o jQuery, pero o que #para, Val, cesta. Máis precisamente, é necesario coñecer as etiquetas HTML básicas e as normas xerais que se lles aplican os estilos CSS.

Isto é suficiente para elevar rapidamente a cualificación de calquera especialidade na área de programación web.