Testez sur le sujet "LangueHTML.»

Instructions pour effectuer des travaux

Le test est composé de 14 questions. Les questions de №1 par №13 sont des tâches avec une réponse brève, la question n ° 14 contient une tâche de réponse ouverte.

40 minutes est donnée au test.

Lorsque vous effectuez des tâches, il est impossible d'utiliser l'ordinateur, la littérature de référence.

Les réponses aux tâches 1-13 doivent être cochées sur la carte qui vous est délivrée.

Lorsque vous effectuez des tâches, vous pouvez utiliser le brouillon.

Bonne chance!

1.Web Page (Document HTML) est:

Fichier texte TXT ou DOC

Fichier texte avec extension HTM ou HTML

Fichier binaire avec extension com ou exe

Fichier graphique avec extension GIF ou JPG

2. Sélectionnez-vous la bonne façon de créer un lien?

3. Le programme de visualisation des pages hypertextes est appelé:

Protocole

5. Le traitement de l'attribut Align ne peut pas être

6. Avec quelle étiquette la table est-elle définie?

7. Quelle étiquette doit ajouter à la ligne

8. Sélectionnez les quatre paramètres d'alignement correctement écrits:

justyfy, centre, droite, gauche

centre, gauche, riht, justifier

droit, centre, justifier, laissé

gauche, centre, justifier, droit

9. Que suivis des structures HTML du document est vraie

10. Avec l'aide des attributs, vous pouvez définir la "longueur et hauteur" du motif du motif.

Toutes les options sont incorrectes

11. Que se passe-t-il si la taille de la police d'étiquette \u003d 5 ne sera pas fermée?

Tout le texte suivant diffusera l'action de cette balise

Rien ne se passe - cette balise n'est pas paire

Tout le texte ultérieur sera affiché en rouge et sera plus grand.

12. Sélectionnez Tags pour travailler avec des tables?

13. Dans quel code du paragraphe "Système de numéro" est aligné dans le centre

Systèmes de numéro

<р align = "center"> Systèmes de numéro

Systèmes de numéro

14. Combien de colonnes dans ce modèle?

Réponses à tester

Agence fédérale pour l'éducation Université technologique de l'État Belgorod. V. G. Shukhov

Au point Gavrilovskaya, R.A. Meatseedov, a.i. Rybakov

Technologies Internet

Instructions méthodiques pour l'exécution de la tâche estimée et graphique

pour les étudiants de direction économique

Belgorod


Numéro de travail de laboratoire 1 Structure de document HTML.
Formatage du document HTML ................................................... ......
Le nombre de laboratoires numéro 2 Les listes sont simples et investies.
Création d'une table HTML .................................................. .............................
Numéro de travail de laboratoire 3 Créer des hyperliens.
Travailler avec des graphiques dans les documents HTML ................................................
Numéro de travail de laboratoire 4 Technologie CSS.
Concevoir la conception du site Web ............................................... ...
Numéro de travail de laboratoire 5 Création interactive
Documents HTML .................................................... ..................................

Numéro de travail de laboratoire 1 Structure de document HTML.

Formater le document HTML

Opération: Création et test d'un fichier HTML. Le concept de conteneurs, des étiquettes et des éléments jumelés et non appariés.

Le langage de balisage hypertexte (HTML) est standard,

conçu pour créer des documents hypertextes dans l'environnement Web. Les documents HTML peuvent être visualisés par différents types de navigateurs Web. Lorsque le document est créé en utilisant HTML, le WebBrazer peut interpréter HTML pour mettre en surbrillance les différents éléments du document et le traitement primaire. L'utilisation de HTML vous permet de formater des documents pour leur présentation à l'aide de polices, de lignes et d'autres éléments graphiques sur tout système les visionnant.

Les documents HTML peuvent être créés à l'aide de tout éditeur de texte ou des éditeurs HTML spécialisés et des convertisseurs. Les documents HTML sont affichés sur des sites Web.

Web Node est un dossier spécial contenant des fichiers contenant des informations texte sur n'importe quel sujet au format HTML, ainsi que des informations sous forme de dessins, de graphiques, de photos, d'images d'animation et d'effets sonores. Il existe deux types de sites Web:

Le fournisseur de services Internet est créé sur le serveur Web. Créé dans les intranets en tant que nœuds Web d'un groupe.

Séquence de création de projet

Le processus de création d'un projet consiste en plusieurs étapes.

À la première étape, avant de procéder à la création du projet, il devrait être déterminé avec son objectif fonctionnel et l'orientation thématique du matériel d'information.

À la deuxième étape, une décomposition du sujet général est généralement détenue sur des sous-sections thématiques et des articles individuels avec la définition des liens entre eux. Le résultat d'une telle décomposition est de créer une structure de projet.

Structure de document HTML

Les documents HTML peuvent avoir une structure différente comprenant divers éléments, mais ils doivent tous contenir deux éléments requis:

Section d'en-tête de page - Head.

Document de corps - Corps.

En-tête de sectionil sert à décrire les propriétés générales de la page, telles que la page de titre (nom) de la page, qui sera affichée dans la ligne de nom de la fenêtre du navigateur, la méta-conception et la description des feuilles de style. Les instructions méta - sont utilisées pour spécifier les paramètres nécessaires aux moteurs de recherche.

Dans HTML, un seul concept est la balise (de la balise anglaise). Tag est une combinaison de caractères entre des signes asymétriques "<" и ">".

Il y a deux variétés principales de tags:

Tags paire - nécessite la présence d'une étiquette de fermeture. Les balises d'ouverture et de fermeture forment un conteneur dans lequel l'information est située.

Exemples:< b >…, < p >…

Tags non appariés - Ne pas avoir une étiquette de fermeture.

Exemples:< img />, < hr/ >, < br/ >.

Les paramètres de balises sont spécifiés uniquement pour la paire d'ouverture et la balise non appariée. Ils sont situés à l'intérieur du corps de la balise et entourent les espaces. Chaque balise a son propre ensemble de paramètres. L'ordre d'énumération de plusieurs paramètres à l'intérieur de la balise peut être arbitraire. La présence de citations lors de la spécification de la valeur du paramètre.

Les commentaires sont conçus pour expliquer le but des fragments de code HTML et sont élaborés comme suit: Et ils peuvent prendre plusieurs lignes.

Les balises peuvent être investies les unes dans les autres. Dans ce cas, il est important de respecter la séquence d'ouverture et de fermeture:<тэг1><тэг2><тэг3>texte

La structure du document HTML est la suivante:

En-tête de document

Corps du document

Étiqueter C'est un signe que ce fichier contient un document HTML. Tous les documents Web commencent avec cela, et, trouvant

Mots clés Limiter la section des en-têtes de section. Cette section n'inclut pas le document actuel. Cela ne comprend que des étiquettes (et spécialement conitées pour cette section), qui concernent le document dans son ensemble. La même section comprend un en-tête de document défini à l'aide d'une étiquette . Texte placé entre les étiquettes <title> etAffiche une ligne d'en-tête de programme de navigateur. Tags qui sont à l'intérieur de la section principale (sauf le nom du document décrit à l'aide de la balise ) ne sont pas affichés à l'écran.</p> <p>Étiqueter <body> Spécifie la majeure partie du document - son "corps". Informations placées entre les étiquettes <body> et</body>, production</p> <p>dans <span>fenêtre du navigateur et est le contenu</span>les pages Web.</p> <p>Avec tag< font> Vous pouvez définir la couleur et la taille du texte. La couleur du texte est définie par l'attribut de couleur et la taille de l'attribut Taille. Par example:</p> <p>Titres</p> <p>Toute page Web peut être composée de pièces, une partie des chapitres, des chapitres, des paragraphes et ainsi de suite. Une telle structure hiérarchique est constituée de plusieurs niveaux et chacun des niveaux a ses propres titres. La taille de la police qui affiche les en-têtes de différents niveaux peut être différente. Rendez-le très juste avec l'aide de paires tags <h1>...<h6>. La pointe la plus grande police est définie par des balises <h1> et</h1>. Par example:</p> <p><h1> Partie 1.</h1> <h2> Chapitre 1.</h2></p> <p>L'en-tête du troisième niveau à laquelle la balise est vraie <h3>, très proche de la police normale (ordinaire). Mots clés <h4>, <h5>, <h6> Créer de petits titres.</p> <p>Les titres peuvent être placés au centre de l'écran et vous pouvez également les attacher au bord de la page (droite ou gauche). Pour ce faire, appliquez l'attribut Align \u003d "" à l'intérieur de la balise de titre. Par example:</p> <p><h1 align="center"> Alignement au centre</h1> <h2 align="left"> Alignement sur le bord gauche.</h2></p> <p>1. <span>Familiarisez-vous avec du matériel théorique.</p> <p>2. <span>Téléchargez un programme Notepad.</p> <p>3. Créez un document HTML affiché dans la fenêtre du navigateur, comme indiqué sur la Fig. 1.</p> <p>Figure. 1. Exemple de création d'un fichier HTML à l'aide de tags simples</p> <p>Document de liste</p> <p></p> <p><title>Ma page personnelle

HEY! Ceci est ma page d'accueil personnelle! Mon nom est
(Spécifiez votre nom de famille, votre nom et votre patronymique).

Ma ville

j'habite à Belgorod

Mon groupe

J'étudie en ……

Mes loisirs

Mes loisirs musique, Sport.

Mes amies

Mes amies en tout moi aider.

5. Ouvrez le fichier dans la fenêtre du navigateur et s'il y a des lacunes, éliminez

6. Effectuer la tâche.

Créez un document HTML et placez le texte en le sauvegardant le formatage. Les en-têtes mettent en évidence en rouge, en place au centre et séparent la ligne horizontale. Mots imprimés, italiques soulignes Bleu. Enregistrez le fichier de fichier avec l'extension * .html. Consultez le document dans la fenêtre du navigateur et, s'il y a des défauts, éliminez-les.

Questions de contrôle

1. Quel genre de types connaissez-vousTags HTML?

2. Répertoriez les balises les plus couramment utilisées dans l'en-tête Webaster.

3. Comment changer le niveau d'alignement dans la balise d'ouverture du paragraphe?

4. Utilisation de quelle étiquette pouvez-vous définir les en-têtes des six niveaux?

5. Que peut-on créer en utilisant la balise de titre?

6. Quelles tags doivent être appliqués pour obtenir des textes audacieux broyés?

7. Expliquez le fragment de code suivant Joyeux html

8. Que se passe-t-il si tag Sera-t-il hors de sortie non fermé?

Le nombre de laboratoires numéro 2 Les listes sont simples et investies. Création de tables HTML

L'objectif du travail: avec l'emplacement et le test de fichier HTML. Créer des listes. Insérer des tables et leur structure. Pages maketling à l'aide de tables.

Bref informations théoriques

Il existe trois types de listes principaux dans le document HTML: une liste étiquetée numérotée des définitions

Nous pouvons créer des listes investies à l'aide de diverses listes ou à répéter un à l'intérieur des autres. Pour ce faire, il vous suffit de placer une paire de tags (début et finale)

À l'intérieur d'un autre. Si les éléments de la liste ci-jointe auront les mêmes marqueurs indiquant l'élément de la liste - dépend du navigateur. Regardez en détail dans la section "Listes Entit".

Listes numérotées

Dans une liste numérotée, le navigateur insère automatiquement les numéros des éléments dans l'ordre. Cela signifie que si vous supprimez un ou plusieurs éléments de la liste numérotée, les autres numéros seront automatiquement recalculés.

La liste numérotée commence par la balise de départ

Et fin tag

. Par example:

Programmation

Algorithmisation

Conception

1. Programmation

2. Algorithmisation

3. Conception

Étiqueter

où: Type - Type de comptoir:

A - Grandes lettres latines (A, B, C ...) A - Petites lettres latines (A, B, C ...) I - Grands chiffres romains (I, II, III ...) I - Petites chiffres romains (I, II, III ...) 1 - Nombres ordinaires (1,2,3 ...)

sTART \u003d "N" est un total à partir duquel le comptage commence par exemple:

Programmation
Algorithmisation
Conception

XV Programmation

XVI. Algorithmisation

XVII. Conception

Listes marquées.

Pour les listes d'étiquettes, le navigateur utilise généralement des marqueurs pour marquer l'élément de la liste. Type de marqueur, en règle générale, configure un utilisateur de navigateur.

La liste d'étiquettes commence par la balise de départ

Et fin tag

. Par example:
Programmation
Algorithmisation
Conception

Programmation

Algorithmisation

Conception

Étiqueter

Type de balise

Programmation
Algorithmisation
Conception

 Programmation

 Algorithmisation

 Conception

Listes de définitions.

< dl>… - Tag de paire - Affiche des listes de définitions.

Conception:

Terme: Définition du terme

Avec tag

Vous pouvez utiliser l'attribut compact pour définir un emplacement plus compact des éléments de la liste.

Conception:

Terme: Définition du terme

Les tables de HTML sont organisées en tant qu'ensemble de colonnes et de lignes. Les cellules cellulaires peuvent contenir des éléments HTML, tels que des titres, des listes, des paragraphes, des figures, des graphiques et des éléments de formulaire.

Tableau de base Tableau de Tags:

...

Ce sont les balises principales décrivant la table. Tous les articles de la table doivent être à l'intérieur de ces deux balises. Par défaut, le tableau n'a pas de cadrage et de séparateur. Le cadrage est ajouté par l'attribut frontière.

Rangée de table: ...

Le nombre de lignes de la table est déterminé par le nombre de paires de balises participatives ... Les lignes peuvent avoir des attributs Aligner et Valign décrivant la position visuelle du contenu des rangées de la table.

Pile de table: ...

Décrit une cellule de table standard. La cellule de table ne peut être décrite que dans la rangée de table. Chaque cellule doit être numérotée par le numéro de haut-parleur pour lequel elle est décrite. S'il n'y a pas d'une ou de plusieurs cellules dans la rangée pour certaines colonnes, le navigateur affiche une cellule vide. L'emplacement des données dans la cellule par défaut est défini par les attributs Align \u003d "Gauche" et Valign \u003d "Milieu". Cet emplacement peut être corrigé à la fois au niveau de la description de la chaîne et au niveau de la description de la cellule.

Toute cellule de la table peut être déterminée pas des balises

…et tags … - Hauteur de table (titre de table). E.

c'est une cellule conventionnelle, mais le texte à l'intérieur de ces balises sera mis en évidence en gras et centré.

Signature: ...

Cette balise décrit le nom du tableau (signature). Étiqueter doit être présent à l'intérieur

...

, mais en dehors de la description de n'importe quelle chaîne ou cellule. Défaut Il a un attribut align \u003d "TOP", mais peut être explicitement installé dans Align \u003d "Bottom". Aligner.

détermine où la table sera appliquée en haut ou en bas. La signature est toujours centrée dans le cadre de la largeur de la table.

Table frontalière des attributs de base

Cet attribut est utilisé dans la balise de table. Si cet attribut est présent, la limite de table est dessinée pour toutes les cellules et pour la table dans son ensemble. La frontière peut prendre une valeur numérique qui détermine la largeur de la limite, par exemple bordure \u003d "3".

Questions au test

Qu'est-ce que HTML? Combien de tags obligatoires êtes-vous connu? Entre quels tags est le nom du document? Quelle paire de tags détermine le paragraphe dans le document? L'en-tête du deuxième niveau, allégé par le bord droit, est défini par la balise: comment aller à l'anglais. Les balises linguistiques sont enregistrées sur la droite, les bords de gauche, au centre, en largeur: l'absence dans l'en-tête ou le paragraphe du paramètre Align condu dirent à l'alignement du texte par: Quelles étiquettes non posées Vous connaissez la ligne horizontale de la largeur de 50%, épaisse 2 pixels, la mauvaise couleur bleue est définie étiquette pour ce qui est nécessaire En HTML? Quels 2 types (méthodes) de la mise en forme du texte dans le document HTML vous sont connus? Quelles tags doivent être appliqués pour obtenir des textes audacieux broyés? Qu'est-ce qu'un fragment de code qui donne un texte de croisière et souligné ressemble à: Quelles étiquettes décalent le texte par rapport au niveau principal de la chaîne (longue et substitution)? Quelle est la balise de formatage appartient à des paramètres de visage, de couleur et de taille? Que se passe-t-il si la police spécifiée dans le paramètre facial n'est pas installée sur l'ordinateur? Quelles tags avec des rendez-vous différents sont les mêmes (italiques) affiche du texte? Ce qui porterise si tag Sera-t-il hors de sortie non fermé? Si vous devez afficher une page de texte Monoshyyrauway, vous allez utiliser des balises: interpréter le fragment de code suivant:
Joyeux html Qu'est-ce que Hypertext? Spécifiez-vous les parties composites de tous les liens? Pour l'organisation de références de l'index des documents. HTM sur le livre de documents. HTM, situé dans le même répertoire, vous devez écrire une chaîne: quel type est le lien hypertexte habituel (sans styles superposé dessus)? Que se passe-t-il si le fichier sur lequel vous vous référez est manquant? Comment se référer au fichier d'index. HTM, situé à la racine, sur le fichier Risunki. HTM, situé dans le dossier Image, qui est investi dans le dossier Shedevr? Dans quels cas il est conseillé d'appliquer des liens internes? Afin de créer un lien interne à la section "Edition" (ancre Izdan) de la section "Edition" (Anchor-Izdan): Expliquez la signification du fragment suivant: Conclusion Comment faire un lien vers la boîte aux lettres ***** @ *** ru Qu'est-ce qui détermine le paramètre BGColor? Quels systèmes sont utilisés pour représenter les couleurs en HTML? Quelle couleur est représentée par le bleu? Quel type de page HTML a sans la présence des paramètres d'étiquette du corps? Marquez la troupe correcte des attributs des paramètres du corps des balises? Quel paramètre est la couleur du lien vu? Combien de paramètres de la balise de carrelage définissant les limites des champs de document HTML Savez-vous quelle étiquette de carrosserie paramètre vous permet de mettre un document en arrière-plan - une image? Quelle étiquette reçoit une liste numérotée et marquée? Comment changer le type de marqueur sur la place froissée? Comment effectuer une cellule de table verticale combinant? Horizontalement?

Le navigateur	Internet Explorer.			Netscape.			Opéra.			Safari.	Mozilla.	Firefox.
Version	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Prise en charge	Oui	Oui	Oui	Oui	Oui	Oui	Oui	Oui	Oui	Oui	Oui	Oui	Oui

La description

Étiqueter Il s'agit d'un conteneur de modifier les caractéristiques de la police, telles que la taille, la couleur et le casque. Bien que cette balise soit toujours prise en charge par tous les navigateurs, il est considéré comme obsolète et il est recommandé de refuser de refuser de styles.

Syntaxe

Texte

Fermeture

Obligatoire.

Paramètres

Couleur définit la couleur du texte. Le visage détermine le casque de la police. La taille définit la taille de la police dans les unités conventionnelles.

Exemple 1. Utiliser une étiquette

Pistolet

Ple chef de cette proposition est écrit par la police Arial, est mis en évidence en rouge et augmenté de taille.

Description des paramètres de la balise

Paramètre de couleur

La description

Définit la couleur du texte à l'intérieur du conteneur .

Syntaxe

...

Arguments

La valeur de couleur peut être définie de deux manières.

1. par son nom

Les navigateurs soutiennent certaines couleurs en fonction de leur nom.

2. En valeur hexadécimale

Pour définir les couleurs, les numéros sont utilisés dans le code hexadécimal. Le système hexadécimal, contrairement au système décimal, est basé sur son nom, parmi le numéro 16. Les chiffres seront les suivants: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Les chiffres de 10 à 15 sont remplacés par des lettres latines. Les chiffres sont plus de 15 dans le système hexadécimal sont formés par la combinaison de deux nombres en un. Par exemple, le nombre 255 dans le système décimal correspond au nombre FF dans le système hexadécimal. Afin de ne pas confondre la confusion dans la définition du système de numéros, le symbole de la grille est défini avant hexadécimal, par exemple # 666999. Chacune des trois couleurs est rouge, vert et bleu - peut prendre des valeurs de 00 à FF. Ainsi, la désignation de la couleur est divisée en trois composants #RRRGGBB, où les deux premiers caractères marquent le composant rouge de la couleur, deux moyens - verts et les deux derniers sont bleus.

Analogique CSS.

Valeur par défaut

La couleur installée dans le navigateur par défaut.

Visage de paramètre

La description

Le paramètre Face est utilisé pour définir le casque de police utilisé pour le texte. Les noms des polices peuvent être amenés plusieurs via des virgules. Dans ce cas, si la première police spécifiée est trouvée, le navigateur utilisera ce qui suit sur la liste.

Syntaxe

...

Arguments

N'importe quel nombre de noms de polices séparés par des virgules. Familles de polices universelles:
sERIF - Polices avec des SERIF (Antique), Type Times;
polices hachées sans Serif (polices sans baskets ni grotesque), représentant typique - ARIAL;
cursive - Clear Polices;
fantasy - Polices décoratives;
monospace - Les polices monoshyrchies, la largeur de chaque symbole de la même famille est la même.

Analogique CSS.

Valeur par défaut

La police est installée dans le navigateur par défaut.

Option de taille

La description

La taille de la police dans les unités conventionnelles de 1 à 7. La taille moyenne utilisée par défaut est reçue 3. La taille de la police peut être spécifiée comme valeur absolue (par exemple, taille \u003d "4") et par rapport à la taille (par exemple, taille \u003d "+ 1", taille \u003d "- 1"). Dans ce dernier cas, la taille varie relative à la base. La taille de la police affecte non seulement le paramètre de taille spécifié, mais également le choix du casque de police. Ainsi, la police Ariale a l'air plus grande que la police Times et la police de Verdana est légèrement plus arbiale. Prenez cette fonctionnalité lorsque vous choisissez une police et des tailles.

Syntaxe

...

Arguments

Un entier de 1 à 7 ou un changement de valeur à un côté grand ou plus petit à l'aide de symboles + et -.