This page has been robot translated, sorry for typos if any. Original content here.

Ici vous pouvez apprendre les techniques typiques du HTML dans des exemples illustratifs

Ici vous pouvez apprendre sur les techniques typiques du langage HTML dans les études de cas ...
Toute page Web commence par un tag (tag) <head> ... </ head>
Voici un exemple d'en-tête simple:
<html>
<head>
<title>Y.Net HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<html>
<head>
<title>Y.Net HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
Maintenant, nous définissons les paramètres suivants: la couleur d'arrière-plan et le texte, vous pouvez spécifier l'arrière-plan de l'image de fond = ".." , la couleur des liens, les liens visités et actifs, left margin = 40pix:
<body bgcolor="#FFFFFF" text="#000000" background="fon2.gif" link="#0033FF" vlink="#6600FF" alink="#FF0033" leftmargin="40"> fixed " rendra l'arrière-plan immobile pour le défilement de la page

Parfois, vous devez aligner du texte ou une image au milieu de la page ou du cadre:
En outre, vous pouvez aligner sur le bord (gauche - gauche et droite - droite)
<div align="center"><pre> текст </pre></div>
Donc, la taille et la police du texte sont définies, et la couleur "texte 2" sera changé en bleu:
<font face="Times New Roman, Times, serif" size="3"> текст 1 <font color="#0000CC"> текст 2 </font>
Le texte en gras est appelé <b> texte </ b> , et oblique est: <i> texte </ i>
Pour aligner le texte avec la largeur, vous devez insérer: <p align = justify> le texte </ p>

Exemple d'une balise <marquee> - une ligne en cours d'exécution (la police est définie à l'avance):
<marquee> Это текст для бегущей строки </marquee> Dans cette balise, vous pouvez également insérer des images:
<marquee><img src="/site/html/img/horse.gif" width="116" height="57">
Пример бегущей строки с произвольным текстом .. </marquee>
Et à quoi ça ressemble vraiment:
exemple d'une chaîne de texte en cours d'exécution avec du texte arbitraire.


Il faut garder à l'esprit que les majuscules <tag> n'affectent pas son exécution, c'est-à-dire </ font> est équivalent à </ FONT>, etc., et toute balise a une action de <tag> à </ tag> (de label à tags) et ne doit pas chevaucher d'autres tags

Il s'agit d'une balise d'en-tête d'une taille de 3 (1-6), elle sera toujours alignée autour de la fenêtre ou de la bordure de cadre lors du changement de la taille de la fenêtre: <H3> Texte d'en-tête </ H3>

La balise suivante pointera le lien hypertexte vers une autre page avec l'adresse spécifiée: <A HREF=" "adresse "> texte du lien </A>
Mais vous pouvez spécifier n'importe quel fichier à la place de l'adresse, puis il sera chargé par le navigateur, et si le type de fichier ne peut pas être affiché sur la page, il sera transféré à télécharger dans le gestionnaire de téléchargement
Ensuite, au lieu du texte, vous pouvez spécifier une image de taille x sur y avec une bordure, son épaisseur = 0, si la balise supprime l'attribut de bordure, alors elle vaut 1. <a href=" папка/file.htm "><img src=" папка/рисунок " width=" x " height=" y " border=" 0 "></a> est un autre exemple de balise de lien, vous allez ici à page.htm (dans le dossier racine), et une nouvelle fenêtre de navigateur s'ouvrira ( target = _blank ), et la police de texte du lien aura une taille = 2:
<a href=" page.htm " target=_blank ><font size="2">текст ссылки</font></a>

Un dessin simple (sans référence) est inséré comme ceci:
<img src=" папка/рисунок " width=" x " height=" y " alt="описание при наведении"> Et si vous spécifiez l'adresse de l'image à partir de n'importe quelle URL disponible, elle ne sera pas différente des fichiers téléchargés site (bien sûr, alors que le lien est vivant):
<img src=" http:// URL-адрес" width=" x " height=" y "> Il est possible de faire des liens dans la même page, avec un repère dans la transition,
<A href="page.htm#Name1">текст ссылки</A> Le libellé suivant doit être défini dans l'emplacement de transition: <A name=Name1>LINK</A> Si vous insérez le code suivant avant le lien de texte, il ne sera pas souligné et lorsque le vol stationnaire changera sa couleur en rouge "ROUGE"
<STYLE>
A:LINK, A:VISITED, A:ACTIVE { text-decoration: NONE; }
A:HOVER { text-decoration: NONE ;color: RED ; }
</STYLE>
<STYLE>
A:LINK, A:VISITED, A:ACTIVE { text-decoration: NONE; }
A:HOVER { text-decoration: NONE ;color: RED ; }
</STYLE>
Au lieu de RED, vous pouvez spécifier comme d'habitude de # 000000 à # FFFFFFF ou au format rgb (rouge, vert, bleu), par exemple: rgb (255,0,0) , et si la couleur n'est pas spécifiée, elle est acceptée par défaut , - un exemple vivant d'un tel lien en face de vous, au lieu de l'adresse, j'ai bloqué <a href="#"> :
Lorsque vous passez la souris sur le lien suivant, il va changer sa couleur à la place de la sienne:
<A HREF="адрес" ONMOUSEOVER="innerText='с курсором';" ONMOUSEOUT="innerText='без курсора';" >исходная ссылка</A> <A HREF="адрес" ONMOUSEOVER="innerText='с курсором';" ONMOUSEOUT="innerText='без курсора';" >исходная ссылка</A> Essayez: lien source

Lorsque vous remplacez le texte par des images, nous obtenons une construction similaire de l'étiquette:
<A HREF="page.htm" onMouseOver=" document.image.src ='../ but1.gif '; return true;" onMouseOut=" document.image.src ='../ but_.gif '; return true;"> <IMG SRC="../ but_.gif " border=0 name=image ></a> <A HREF="page.htm" onMouseOver=" document.image.src ='../ but1.gif '; return true;" onMouseOut=" document.image.src ='../ but_.gif '; return true;"> <IMG SRC="../ but_.gif " border=0 name=image ></a> Essayez:

Il faut également tenir compte du fait que lorsque vous créez des menus à partir de plusieurs boutons autres que les noms de fichiers graphiques - but1.gif, but2.gif, mais3.gif, vous devez changer les noms de leurs attributs (sinon les images de guidage ne seront pas affichées): document.image1.src .. name=image1
document.image2.src .. name=image2
document.image3.src .. name=image3
document.image1.src .. name=image1
document.image2.src .. name=image2
document.image3.src .. name=image3


Le compteur le plus simple sur votre page, il vous suffit de spécifier le "URL" et le nombre de chiffres (ici = 3):
Par exemple, l'adresse de cette page est: http://www.shram.kiev.ua/site/html/index.shtml <a href="http://counter.co.kz" target="_blank"><img src="http://counter.co.kz/CounterCoKz?page=www.shram.kiev.ua&style=odometer_sm&digits=4" alt="Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!" border="0" width="60" height="20"></a> <a href="http://counter.co.kz" target="_blank"><img src="http://counter.co.kz/CounterCoKz?page=www.shram.kiev.ua&style=odometer_sm&digits=4" alt="Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!" border="0" width="60" height="20"></a> Compteur de visites Counter.CO.KZ - compteur gratuit pour tous les goûts!

Définition du titre de la page pour l'indexation dans les moteurs de recherche:
<meta name="allow-search" content="yes">
<meta http-equiv="distribution" content="global">
<meta name="robots" content="all">
<!-- набор ключевых слов для поиска страницы -->
<meta name="allow-search" content="yes">
<meta http-equiv="distribution" content="global">
<meta name="robots" content="all">
<!-- набор ключевых слов для поиска страницы -->
Si vous pré-faites deux pages htm , vous pouvez combiner le code suivant en deux en tant que cadres d'écran pouvant être décalés vers la droite et vers la gauche (% position, c'est-à-dire au milieu):
<FRAMESET cols=50%,*>
<FRAME name="" marginWidth=10 marginHeight=10 src=" page1.htm " frameBorder=yes>
<FRAME name="" marginWidth=10
marginHeight=10 src=" page2.htm " frameBorder=yes></FRAMESET>
Voici un exemple de balise de table (frame = 0, indent = 0, space = 0, width = 500)
<table width="500" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="112">
<div align="center"> имя 1 </div>
</td>
<td width="21">&nbsp;</td>
<td width="70">120</td>
<td width="279"><img height=16 src="n_php/rd.gif" width=120 ></td>
...
</tr>
</table>
<table width="500" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="112">
<div align="center"> имя 1 </div>
</td>
<td width="21">&nbsp;</td>
<td width="70">120</td>
<td width="279"><img height=16 src="n_php/rd.gif" width=120 ></td>
...
</tr>
</table>
Changer la largeur de l'image avec = .., vous pouvez dessiner un diagramme visuel:
nom 1
120
nom 2
100
nom 3
130

En html il est possible de charger une fenêtre pop-up avec l'adresse et les paramètres nécessaires:
<body .. onload="window.open('http://АДРЕС', 'заголовок', 'resizable=yes height=200, width=400')"..> onload -
onunload - quand la page est fermée.

Il convient de noter que cette commande ne fonctionnera pas sur un hébergement qui ne supporte pas les scripts de serveur virtuel et le protocole dhtml (narod.ru, boom.ru, mail.ru, chat.ru, by.ru, tam.ru, aka.ru, )

L'insertion audio et vidéo dans une page se fait par la balise suivante: <EMBED src=" файл.mid " width="40" height="15" controls="smallconsole" autostart="false" loop="true" play_loop="2" hidden="true"></EMBDED> Au lieu du fichier file.mid, vous devez insérer un fichier audio * .mid, * .wav ou * .avi - un fichier vidéo.

Attributs supplémentaires:
width = "40" height = "15" - la taille du panneau de contrôle
controls = "smallconsole" - la console devient petite
autostart = "false" - est-il nécessaire de rejouer votre fichier (vrai - oui)
loop = "true" - répète le film depuis le début (false - no)
play_loop = "3" - combien de fois (ici 3 fois)
hidden = "true" - masque la télécommande (false - no)



Si vous collez simplement un lien vers un fichier vidéo, le navigateur lui-même lance des plug-ins pour le lire (par défaut) ...