Un exemple d'une page HTML et les principes de base de

Inventé plusieurs langues, mais la langue de HTML est l'un des plus spécial et vosstrebovan. Comme il implique beaucoup d'autres initiatives clés en matière de programmation. Une grande partie est disponible, quand dans l'esprit du développeur connaissance du langage de balisage – langage de balisage hypertexte (HTML).

En fait, en HTML, il n'y a rien de difficile, et en quelques minutes tous les plus éloignés de la programmation et le peuple Internet remplira la création de pages HTML dans le bloc-notes. exemples dignes de mention, la simplicité, en effet, accessible à tous.

Description générale

fichier HTML – un site d'une page, bien que cela soit discutable, mais ce qui est un fichier par page, pour commencer, il est clair.

fichier HTML commence par un en-tête DOCTYPE qui spécifie que le type du fichier – HTML. Tous les éléments de la page (balises) sont indiqués entre crochets. Chaque paire ( « ») comprend une balise HTML. Habituellement, les balises HTML sont appariés, qui est, pour chaque «tag» ont «/ tag». Les deux sont enfermés entre crochets. Il y a une seule étiquette, dont les plus populaires «br /» – transition à la ligne suivante.

Le plus grand tag dans le fichier – moi-même HTML, qui ne comprend que deux tag: tête et le corps. Dans le premier cas, différentes spécifications indiquent des liens vers d'autres fichiers de pages pertinentes peuvent être présents scripts PHP et JavaScript. Dans le deuxième contenu écrit de page. Également sous forme de balises et scripts.

HTML simple page

Exemple de créer une telle page est indiqué dans l'article ci-dessous. Considérez-le attentivement.

CHEF DE LA sECTION

La principale balise HEAD usage – une description générale de la page et les scripts généraux, bien que celui-ci – juste un concept relatif. En général, il attache beaucoup d'importance à seulement deux choses:

• mots-clés et description de la page;
• liens vers d'autres fichiers (* .css et * .js).

Pour afficher le contenu du contenu de la page de cette section n'a qu'une importance indirecte car elle indique où d'autres fichiers ont des règles CSS pour les balises et d'autres langues de scripts.

HTML page a un titre (TITLE), qui apparaît quand un visiteur apporte votre souris sur l'onglet où la page est ouverte. Ceci est important, car il rend la page beaucoup plus présentable, plus facile à dire, signé un texte lisible.

Méta-étiquettes sont importantes dans la programmation web en général, mais quand il est nécessaire la création de pages HTML dans un bloc-notes, un exemple d'encombrement indésirable structures redondantes.

Sur le lien et les liens SCRIPT devraient accorder une attention particulière. Le premier fait référence à un endroit où il y a un fichier CSS stylesheet, le second – l'emplacement du fichier code JavaScript. De tels liens peuvent être réglés.

Si vous utilisez des scripts doivent être traités comme une connaissance HTML deviendra plus forte, vous devez faire attention immédiatement sur des feuilles de style en cascade. Les fichiers CSS sont, en particulier, les règles d'enregistrement des balises HTML.

section CORPS

En fait, un exemple de page HTML – c'est la section BODY. Il est ici qui contient toutes les informations, toutes la page de contenu. Toutes les informations sont présentées sous forme de balises et des scripts, tels que l'insertion d'un code JavaScript ou pièces du programme PHP.

Il est important de réaliser que l'exemple des pages Web HTML dans le navigateur et le même exemple dans un éditeur de texte tel que le bloc-notes, ce n'est pas la même chose. Dans le premier cas, nous sommes prêts HTML texte dans lequel tous les scripts exécutés. Par exemple, PHP a rempli sa part et formé à la place du code dans les bons endroits les tags. JavaScript a également rempli sa mission, mais à ce sujet encore à une conversation séparée.

HTML – Tags au lieu de scripts. En fin de compte, seul le contenu de la page affichée dans le navigateur, mais son étiquette. Pas de code PHP est pas là.

JavaScript est dans une position particulière, ses soins – pour servir la page, non seulement au moment du démarrage (surcharge), mais dans les moments où la page est dans le navigateur du visiteur, et les études il.

Un exemple simple de page HTML de code (seule la section BODY) est illustré ci – dessous.

Le navigateur d'un visiteur, il semble comme indiqué ci-dessous.

n'a pas été précisée dans le code devrait ressembler les éléments qui ont amené le navigateur. Toute la conception est visible dans les règles CSS. Dans ce cas, mcss / fichier scPhpWordRW.css qui a été référencé (voir. Le premier exemple d'une page HTML).

Contrairement à HTML, thème CSS est plus simple, il y a des règles très accessibles et leur nombre est faible, lorsque l'exemple de la création de pages HTML ne nécessite rien d'autre que le bloc-notes. Tout est très accessible pour le développement immédiat:

Cela montre comment il est décrit étiquette facile scLogo_vDoc, et cette description est que dans un état normal de l'étiquette affiche une image vDoc-logo.png, et lorsque la souris est dessus – affiché vDoc-logo-h.png.

La structure des descriptions HTML

La langue ne comporte pas de procéder à toute la structure et la syntaxe du concept ici est très relatif. Il n'y a pas de variables, mais il y a beaucoup de possibilités. La base fondamentale de l'hypertexte est qu'il ya un élément (tag) qui ne manquera pas d'avoir un nom.

Le nom du cas, la paire d'étiquette, composée de noms propres (tagName) et équerres ( «»), si nous parlons du début de la balise, et «», si enregistré sa fin.

Exemple de pages HTML décrivant les attributs situés dans le texte ci-dessous.

La balise peut avoir des attributs, ils sont mis dans un espace après le nom de l'étiquette avant l'équerre de fermeture « > ». Attributs, si elles ont l'étiquette est enregistrée seulement au début. Le contenu de la balise est celle qui se trouve entre la balise de début et la fin de celui-ci.

descriptions teneur totale en HTML

HTML permet de décrire les éléments de bloc et en ligne. Tout d'abord occuper une certaine zone dans la fenêtre du navigateur peut être positionné tout à fait, c'est au bon endroit au champ d'affichage des pages HTML, et ont une taille spécifique.

les éléments en ligne apparaissent généralement un fil, qui est, comme cela a été indiqué dans le fichier de page, et affiché à l'écran. L'affichage du débit total peut être influencée lorsque la charge de page se produit. Le placement, la visibilité, et d'autres propriétés des éléments de bloc peuvent être influencés à tout moment via le code JavaScript.

En plus des éléments simples, HTML propose de décrire les tableaux et les formulaires. Ces éléments sont très en demande dans le « bâtiment du site tous les jours. »

Description de la table: TABLE étiquettes, TR, TD

Lorsque balise TABLE peut être utilisé pour créer une table, spécifiez un nombre de lignes et TR dans une rangée pour un certain nombre de cellules TD. Contrairement à la table habituelle de l'organisation, en raison de l'organisation sous forme de tableau HTML balisage nature limité à cette déclaration, parce que si le développeur veut avoir une table rectangulaire dans laquelle le nombre de colonnes dans toutes les lignes de la même, alors il doit suivre que pour vous-même.

La position de principe de HTML: faire tout ce qui est, mais rien qui ne comprend pas. Dans certains cas, il est si important pour le nombre de colonnes dans chaque ligne de la table, mais si vous souhaitez effectuer une fusion des cellules horizontalement ou verticalement, il faut compter très attentivement.

Exemple de page HTML avec une description d'un tableau simple représenté graphiquement dans l'article.

Voici un tableau montrant la taille de trois rangées de trois colonnes, avec la première balise de ligne TH a été utilisé à la place de l'étiquette TD – l'en-tête de colonne. En particulier distingué ces deux balises ne sont pas, mais il est possible d'utiliser le premier à établir une distinction entre la première ligne de la table, et en CSS à TH, vous pouvez joindre votre propre style, ce qui le distingue des autres TD.

forme Description: balise FORM, INPUT

Formulaire – c'est la partie la plus demandée des balises HTML. formulaires à l'aide peuvent transmettre des informations. En fait, la page – ces informations d'affichage, mais la forme – entrée.

Exemple de page HTML avec une description d'une forme simple:

Utilise des formes beaucoup plus, mais les principales caractéristiques sont les suivantes. Vous pouvez spécifier le champ de saisie, vous devez les affecter à la conception et gestionnaires d'événements pour l'analyse des entrées utilisateur. Vous pouvez spécifier un champ caché et transmettre des informations à partir de l'arrière-plan de la page. Vous pouvez désigner le bouton de transmission d'informations, en appuyant sur pour lancer le processus de transfert de données.

En utilisant HTML

Pour connaître le langage hypertexte – une condition sine qua non pour toute spécialisation du travail dans le domaine de la programmation Internet, mais si vous voulez écrire un programme en PHP ou JavaScript, HTML savoir alors + CSS besoin parfaitement.

langage PHP a été identifié dans l'exemple précédent. PHP fonctionne sur le serveur, car une page avec ce formulaire a volé à partir du serveur au navigateur avec les champs remplis. En particulier, TestOnBlur fonctions mentionnées dans la balise INPUT (onblur de gestionnaire d'événements), ont reçu tous les paramètres sous forme de champs de texte.

Le navigateur fonctionne JavaScript, et le bouton correctement travaillé pour envoyer les données au serveur, à savoir la conception:. Onclick = jQuery ( « # à ») Val ( « panier »), il est nécessaire de connaître non seulement sur ce que le jQuery, mais ce #chemin, val, panier. Plus précisément, il est nécessaire de connaître les balises HTML de base et les règles générales qui leur sont applicables les styles CSS.

Cela suffit pour augmenter rapidement la qualification d'une spécialisation dans le domaine de la programmation Internet.