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

Ici, vous pouvez en apprendre davantage sur les techniques HTML typiques en utilisant des exemples illustratifs.

Ici, vous pouvez en apprendre davantage sur les techniques HTML typiques en utilisant des exemples visuels ...
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: couleur de fond et du texte, vous pouvez spécifier l'image de fond background = ".." , la couleur du texte des liens, des liens visités et actifs, la marge de gauche = 40pix:
<body bgcolor="#FFFFFF" text="#000000" background="fon2.gif" link="#0033FF" vlink="#6600FF" alink="#FF0033" leftmargin="40"> où, bgproperties = " fixed " rendra le fond immobile pour faire défiler la page

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

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


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

Il s’agit d’une balise de titre de taille = 3 (1-6). Elle sera toujours alignée sur le bord de la fenêtre ou du cadre lors du redimensionnement de la fenêtre: <H3> Texte du titre </ H3>.

La balise suivante indique un lien hypertexte vers une autre page avec l'adresse spécifiée: <A HREF=" http://address "> texte du lien </A>
Mais vous pouvez spécifier n’importe quel fichier au lieu de l’adresse, puis il sera téléchargé par le navigateur. Si le type de fichier ne peut pas être affiché sur la page, il sera transféré au programme de téléchargement pour être téléchargé vers le gestionnaire.
De plus, au lieu de texte, vous pouvez spécifier une image de taille x par y avec un cadre d'épaisseur = 0; si vous supprimez l'attribut de cadre de la balise, la valeur par défaut est 1. <a href=" папка/file.htm "><img src=" папка/рисунок " width=" x " height=" y " border=" 0 "></a> Voici un autre exemple de balise de lien. Ici, vous accédez à page.htm (dans le dossier racine). Une nouvelle fenêtre de navigateur s'ouvre ( cible). = _blank ), et la police du texte du lien aura la taille = 2:
<a href=" page.htm " target=_blank ><font size="2">текст ссылки</font></a>

Insérer une image simple (sans lien) comme ceci:
<img src=" папка/рисунок " width=" x " height=" y " alt="описание при наведении"> Et si vous spécifiez l'adresse de l'image à partir de toute URL disponible, elle ne différera pas des fichiers téléchargés à partir de votre site (bien sûr, le lien est toujours actif):
<img src=" http:// URL-адрес" width=" x " height=" y "> Il est possible de créer des liens dans la même page, en indiquant le label au point de transition, le nom du label est mis en évidence par #:
<A href="page.htm#Name1">текст ссылки</A> Au point de transition, définissez le libellé suivant: <A name=Name1>LINK</A> Si vous insérez le code suivant avant le lien, il ne sera pas souligné. , et quand vous survolez, sa couleur devient rouge "RED"
<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 à #FFFFFF, ou au format rgb (rouge, vert, bleu), par exemple: rgb (255,0,0) . Si la couleur n'est pas spécifiée, elle est acceptée par défaut. , - un exemple concret d’ un tel lien devant vous, au lieu de l’adresse que j’ai bloquée <a href="#"> :
Lorsque vous passez le curseur de la souris sur le lien suivant, il modifiera son inscription au lieu de la couleur:
<A HREF="адрес" ONMOUSEOVER="innerText='с курсором';" ONMOUSEOUT="innerText='без курсора';" >исходная ссылка</A> <A HREF="адрес" ONMOUSEOVER="innerText='с курсором';" ONMOUSEOUT="innerText='без курсора';" >исходная ссылка</A> Essayez: lien source

Lors du remplacement de texte par des images, nous obtenons un design de tag similaire:
<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 convient également de noter que lors de la création d'un menu de plusieurs boutons, en plus des noms de fichiers graphiques - but1.gif, but2.gif, but3.gif, vous devez modifier les noms de leurs attributs (sinon, les motifs de survol ne seront pas affichés): 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 "l'URL" et le nombre de chiffres (ici = 3):
Par exemple, l'adresse de cette page est la suivante: 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> Counter Counter.CO.KZ - un comptoir 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 créez deux pages HTML à l’avance, utilisez le code suivant pour les combiner en un seul sous la forme de deux cadres d’écran pouvant être déplacés à gauche et à droite (%). 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>
<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, espace = 0, largeur = 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>
En modifiant la largeur du dessin avec = .., vous pouvez créer des diagrammes visuels:
nom 1
120
nom 2
100
nom 3
130

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

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

Le son et la vidéo sont <EMBED src=" файл.mid " width="40" height="15" controls="smallconsole" autostart="false" loop="true" play_loop="2" hidden="true"></EMBDED> dans la page à l'aide de 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 .mid, vous devez insérer le fichier son * .mid, * .wav ou * .avi - le fichier vidéo.

Attributs supplémentaires:
width = "40" height = "15" - taille du panneau de commande
controls = "smallconsole" - la console devient petite
autostart = "false" - s'il faut lire votre fichier à nouveau (true - yes)
loop = "true" - répète la vidéo depuis le début (false - no)
play_loop = "3" - combien de fois (ici 3 fois)
hidden = "true" - cache la télécommande du rouleau (false - no)



Si vous insérez uniquement un lien vers un fichier vidéo, le navigateur lui-même lance les plugins pour le lire (par défaut) ...