Ici, vous pouvez en apprendre davantage sur la langue HTML réceptions typiques sur des exemples illustratifs

Ici, vous pouvez en apprendre davantage sur les réceptions typiques de HTML dans les exemples ...
Toute page Web commence par la balise (tag - étiquette) tête <Head> ... </ head>
Voici un exemple d'un titre 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 définir les paramètres suivants: la couleur et le texte de fond, vous pouvez spécifier une image d'arrière - plan background = "..", la couleur des liens de texte, liens visités, et, marge de gauche active = 40pix:
<body bgcolor="#FFFFFF" text="#000000" background="fon2.gif" link="#0033FF" vlink="#6600FF" alink="#FF0033" leftmargin="40"> text = "# <body bgcolor="#FFFFFF" text="#000000" background="fon2.gif" link="#0033FF" vlink="#6600FF" alink="#FF0033" leftmargin="40"> "# 0033FF" vlink = "# 6600FF" alink = "# FF0033" leftmargin = " <body bgcolor="#FFFFFF" text="#000000" background="fon2.gif" link="#0033FF" vlink="#6600FF" alink="#FF0033" leftmargin="40"> où, bgproperties = " fixe "fera fond fixe pour faire défiler les pages

Parfois, il est nécessaire d'aligner le texte ou une image dans le milieu de la page ou du cadre:
Il peut également être aligné le long du bord (gauche - gauche et droite - droite)
<div align="center"><pre> текст </pre></div>
Il spécifie la taille et la police du texte, avec la couleur "texte 2" sera changé au 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> text </ b>, et si incliné: <i> text </ i>
Pour aligner la largeur du texte à insérer: <p align = justify> dire à une t </ p>

Exemple de tag <marquee> - ticker (la police est fixé à l' avance):
<marquee> Это текст для бегущей строки </marquee> Dans cette balise , vous pouvez également intégrer des images:
<marquee><img src="/site/html/img/horse.gif" width="116" height="57">
Пример бегущей строки с произвольным текстом .. </marquee>
Et à quoi il ressemble dans la réalité:
Exemple ticker texte ..


Il convient de garder à l' esprit qui coiffe <tag> ne pas affecter sa mise en œuvre, qui est, </ font> est équivalent à </ la FONT> et similaires, et tout tag prend effet à partir de la <tag> à </ tag> (de l'étiquette avant tags) et ne doivent pas se chevaucher avec d' autres étiquettes

Cette balise de titre avec la taille = 3 (1-6), il sera toujours aligné sur le bord de la fenêtre ou du cadre lorsque la fenêtre est redimensionnée: <H3> Header Text </ H3>

Suivant Gipper balise indique un lien vers une autre page avec l'adresse indiquée: <A href=" "> http://adres texte du lien </A>
Mais vous pouvez au lieu d'une adresse spécifier un fichier, puis il sera chargé par le navigateur, et si le type de fichier ne peut pas être affiché sur la page, il sera remis à télécharger le programme télécharger - gestionnaire
En outre, au lieu du texte, vous pouvez spécifier la taille de l' image de x par y avec son épaisseur de cadre = 0, si la balise est retirée du champ d' application attribuer par défaut 1. = <a href=" папка/file.htm "><img src=" папка/рисунок " width=" x " height=" y " border=" 0 "></a> " "border =" y <a href=" папка/file.htm "><img src=" папка/рисунок " width=" x " height=" y " border=" 0 "></a> ici est un autre exemple de la liaison de tag ici vous amène à une page page.htm (le dossier racine), avec ouvrira une nouvelle fenêtre du navigateur (cible = _blank), et la police de liens de texte aura Taille = 2:
<a href=" page.htm " target=_blank ><font size="2">текст ссылки</font></a>

dessin simple (sans liens) pour insérer ceci:
<img src=" папка/рисунок " width=" x " height=" y " alt="описание при наведении"> alt "y" = " <img src=" папка/рисунок " width=" x " height=" y " alt="описание при наведении"> Et si vous spécifiez l'adresse de modèle avec toutes les URL des adresses disponibles, il ne sera pas différer des fichiers téléchargés à partir de votre le site (bien sûr, tout en vivant le lien):
<img src=" http:// URL-адрес" width=" x " height=" y "> URL- <img src=" http:// URL-адрес" width=" x " height=" y "> "y"> Il est possible d'établir des liens au sein de la même page, avec l'étiquette d'indication dans la jonction, le nom de l' étiquette se distingue par #:
<A href="page.htm#Name1">текст ссылки</A> à la transition doivent fixer la balise suivante: <A name=Name1>LINK</A> Si vous insérez le code suivant avant le lien de texte, il ne sera pas l' accent sur et quand vous vous déplacez va changer sa couleur 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 peut être spécifié comme d' habitude de # 000000 à #FFFFFF, ou dans le rgb format (rouge, vert, bleu) , par exemple: rgb (255,0,0), et si la couleur est pas spécifié, il est la valeur par défaut - un exemple vivant d'une telle référence en face de vous, au lieu de l'adresse, je coincé <a href="#">:
Lorsque vous déplacez le curseur sur le lien suivant, il va changer avec la couleur - son inscription:
<A HREF="адрес" ONMOUSEOVER="innerText='с курсором';" ONMOUSEOUT="innerText='без курсора';" >исходная ссылка</A> <A HREF="адрес" ONMOUSEOVER="innerText='с курсором';" ONMOUSEOUT="innerText='без курсора';" >исходная ссылка</A> d' <A HREF="адрес" ONMOUSEOVER="innerText='с курсором';" ONMOUSEOUT="innerText='без курсора';" >исходная ссылка</A> Essayer: la référence originale

Lors du remplacement de texte sur les dessins obtenir une structure de balises similaires:
<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> = "document.image.src = '.. / but1.gif'; return true;" <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> but_.gif'; return true;"> <IMG SRC = "../ but_.gif" border = <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> l' <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 garder à l' esprit que lorsque vous créez un menu avec plusieurs boutons , sauf les noms grafiches - fichiers cal - but1.gif, but2.gif, but3.gif vous devez changer les noms et leurs attributs (dans d' autres figures d'orientation ne sera pas affiché): 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

Un simple compteur sur votre page, il vous suffit de spécifier la "adresse URL" et le nombre de chiffres (ici = 3):
Par exemple , l'adresse de cette page: 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> les <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 Counter.CO.KZ - Compteur gratuit pour tous les goûts!

Réglage 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">
<!-- набор ключевых слов для поиска страницы --> - <meta name="allow-search" content="yes">
<meta http-equiv="distribution" content="global">
<meta name="robots" content="all">
<!-- набор ключевых слов для поиска страницы --> Si vous faites un htm deux pages à l' avance, en utilisant le code suivant, vous pouvez les combiner en un des deux cadres de l' écran qui peut être déplacé vers la droite et vers la gauche (% - montre leur origine la position, à savoir 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> > </ FRAMESET> Voici un exemple de la table de tag (frame = 0, 0 = tiret, espace = 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> Modification de la largeur du motif avec = .., vous pouvez faire des diagrammes visuels:
nommer 1
120
nommer 2
100
nommer 3
130

En html il est possible de télécharger la fenêtre pop-up à l'emplacement et les paramètres souhaité:
<body .. ..> 'http: // <body .. ..> le onload - lors du téléchargement,
onunload - lorsque la page est fermée.

Il convient de noter que cette commande ne fonctionne pas sur l'hébergement ne supporte pas le script serveur virtuel et le protocole DHTML (narod.ru, boom.ru, mail.ru, chat.ru, by.ru, tam.ru, aka.ru, et d'autres. )

Insérez le son et la vidéo dans la balise de page comme suit: <EMBED src=" файл.mid " width="40" height="15" controls="smallconsole" autostart="false" loop="true" play_loop="2" hidden="true"></EMBDED> loop = "true" play_loop "false" = " <EMBED src=" файл.mid " width="40" height="15" controls="smallconsole" autostart="false" loop="true" play_loop="2" hidden="true"></EMBDED> > au lieu de cela fayl.mid besoin d'insérer un fichier audio * .mid, * .wav ou * .avi - fichier vidéo.

Attributs supplémentaires:
width = "40" height = "15" - la taille du panneau de commande
contrôles = "smallconsole" - le contrôle devient petit
autostart = "false" - que ce soit pour lire votre fichier (true - oui)
loop = "true" - pour répéter le film depuis le début (faux - pas)
play_loop = "3" - le nombre de fois (ici trois fois)
caché = "true" - pour cacher le rouleau de commande (faux - pas)



Si vous insérez un lien vers un fichier vidéo, le navigateur lance les plug-ins pour la lecture (par défaut) ...