Html pentru începători

Totul începe cu capul.



  • Comenzile în HTML sunt numite etichete. Începem să introducem un document din etichetă - numele limbii. Bineînțeles, trebuie să finalizați documentul cu o comandă . Vă atrag atenția asupra faptului că HTML este o comandă dublă, trebuie închisă cu /. dar numai la sfârșitul documentului, altfel tot ceea ce este scris după el pur și simplu nu va fi perceput.
  • Următorul număr este - care este capul documentului.
  • În spatele cuvântului există informații care vor apărea pe linia de sus a ecranului. Bineînțeles, acest lucru ar trebui să fie un lucru plăcut. Sau, în cel mai rău caz, informativă. De exemplu, numele documentului. Poate include până la 40 de caractere, numărarea spațiilor. <TITLE> - o echipă care trebuie închisă. Pentru a face acest lucru, utilizați /. </li> <li><META NAME="" CONTENT=""> pot exista multe astfel de linii în document, ele sunt folosite, în principal, pentru a sprijini activitatea motoarelor de căutare. Această etichetă este unică, nu trebuie să o închideți. <p>Setați culoarea de fundal; culoarea, dimensiunea și forma literelor din textul principal și legăturile.</p><br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="1432548440"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="8648406449" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br><br> <ul> <li>Înainte este o etichetă cu textul bgcolor (determină culoarea de fundal), linkul (culoarea linkului), vlink (culoarea referințelor utilizate), alink (culoarea legăturilor active). #FFFFFF culoare albă, # 000000 negru, # 808080 culoare gri neutru, # 0000ee culoare albastru strălucitor este utilizat de obicei în marcarea legăturilor hipertext, # 551a8b culoare albastru plictisitoare, de obicei folosit pentru referințe de eșapament, # ff0000 roșu, convenabil pentru a indica link-uri active, de culoare # C0C0C0 argint # 800080 de culoare violet, verde # 008000, # 00ff00 culoare de lamaie (tei), # 808000 verde de măsline. # ffff00 culoare galbenă, # 0000ff culoare albastră. Este suficient pentru un început?<br> Detectoarele de culoare sunt în aproape orice program grafic (cum ar fi Photoshop). Culoarea este determinată de șase semne - de la 0 la f. Primele două personaje sunt responsabile pentru culoarea roșie, a treia și a patra pentru verde, iar ultimele două pentru culoarea albastră. Cu cât este mai mare simbolul, cu atât culoarea este mai intensă.<br> Mai multe coduri de culoare pot fi găsite aici:</li> </ul> <p>Puteți înlocui fundalul cu o imagine.</p> <br> <ul> <li>Modificăm linia anterioară utilizând comanda BACKGROUND. risunok1.jpg puteți folosi gata, și vă puteți desena, de exemplu, în Paint. (Start-Programs-Accessories-Paint). Figura (în timp ce exemplele de parsare) este mai bine să salvați în același director ca pagina de pornire. În caz contrar, trebuie să specificați întreaga cale spre ea.<br></li> </ul> <p>Lipim poze si fotografii.</p> <br> <ul> <li>Cu acest șir inserați foto1.gif imaginea pe marginea din stânga (align = stânga), înălțimea imaginii (Height) este de 103 pixeli, lățimea (446) WIDTH pixeli, lățimea de frontieră (de frontieră) 10 pixeli. Dacă acest parametru nu este specificat, atunci imaginea va fi așa cum este - nu este crescut și nu sa diminuat, și vor fi plasate fără frontieră pe marginea din stânga. Dacă trebuie să plasați imaginea de pe dreapta, în loc de a scrie STÂNGA DREAPTA. </ul> <p>Sfaturi de la Vikusi:<br> Pentru a aduce dimensiunea uriașă a fotografiei scanate la vizualizarea normală, trebuie să priviți undeva în program pentru ceva de genul Dimensiune imagine - și puteți schimba rezoluția undeva până la 72 de pixeli pe inch. Și în Photoshop, această dimensiune se schimbă.<br></li> </ul><br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="9763162049" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="2447347631" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br><br><br> <ul> <li>Cuvântul "Alexandra" apare în documentul dvs. subliniat, culoarea definită pentru linkuri și când faceți clic pe ea, veți trece la pagina sub numele sasha din directorul (directorul) sasha. După cum puteți vedea, comanda A HREF trebuie închisă cu / A.<br></li> </ul> <br> <ul> <li>Ca urmare a intrării în această linie, cuvântul "o dată", scris cu caractere cursive, "în student" - cu italic aldine, "iarnă" - pur și simplu cu caractere aldine, "pori" - de tip obișnuit.<br>O dată în timpul studenților. <br> Deci, pentru tipul cu caractere aldine folosim <B>, pentru italic - <I>, pentru anularea acestora </B> și </I>. </ul> <p>Am plasat pagina pe server.</li> </ul> <p>Sfaturi de la Vikusi:</p> <p>Dă-ți locul sub pagină gratuit pe www.hotmail.ru - 16Mb și până acum fără bannere.</p> <p>Sfaturi de la Vikusi:</p> <p>Am folosit o pagină în FrontPage pentru a face, dar toți oamenii care sunt versat în web-design, picioarele mele pentru care a lovit, pentru că, cum ar fi, software-ul buggy, așa că acum nu știu ce program este cel mai bine informat. Sunt, în general, doar în etichetele de imagine imediat „prin“ scris.</p> <p>Sfaturi de la Katya S.</p> <p>Unul dintre cele mai importante elemente ale unui document HTML sunt tabelele. De regulă, ele sunt folosite pentru a localiza obiecte în locurile solicitate. Acest site a fost creat folosind tabele.</p> <p>Tabelul se deschide cu o etichetă <TABLE>. dar închis cu o etichetă </TABLE>. Toate informațiile conținute în tabel trebuie să fie localizate între aceste etichete. În eticheta de deschidere a tabelului, plasați atributul BORDER, care stabilește grosimea liniei de masă. Dacă BORDER = 0, atunci linia de tabel nu va fi vizibilă.</p> <p>Tabelul va arăta astfel: <TABLE BORDER=2> </TABLE></p> <p>Comanda TABLE acceptă următoarele atribute (toate exemplele sunt discutate mai jos):</p> <p>ALIGN - stabilește alinierea textului pe orizontală și poate lua valorile: BLEEDLEFT, LEFT, CENTER, DREAPTA.</p> <p>CONTEXT - Valoarea atributului este fișierul care stabilește imaginea de fundal pentru tabel. Nu funcționează în toate browserele.</p> <p>BGCOLOR - Specifică culoarea de fundal a tabelului. Nu funcționează în toate browserele.</p> <p>BORDER - Specifică lățimea marginii tabelului în pixeli. Dacă valoarea atributului este zero, granița devine invizibilă.</p> <p>CELLPADDING - Specifică lățimea spațiului gol (în pixeli) între conținutul mesei și marginea acesteia.</p> <p>CELLSPACING - Specifică spațiul dintre celulele tabelului (în pixeli)</p> <p>HSPACE - Specifică dimensiunea spațiului gol în pixeli la dreapta și la stânga tabelului.</p> <p>VSPACE - Specifică dimensiunea spațiului gol în pixeli deasupra și dedesubtul tabelului.</p> <p>WIDTH - Setează lățimea mesei în pixeli sau ca procent din lățimea ferestrei.</p> <p>HEIGHT - Setează înălțimea mesei în pixeli sau ca procent din lățimea ferestrei.</p> <p>Acum creați structura internă a mesei. O linie orizontală de tabelă este specificată prin etichete <TR> </TR>. și este baza pentru construirea unui tabel. Coloanele verticale ale tabelului sunt organizate pe fiecare rând prin etichete <TD> </TD>. Numărul de perechi ale acestor etichete din rândul tabelului corespunde numărului de coloane.</p> <p>echipă <TR> acceptă următoarele atribute:</p> <p>ALIGN: BLEEDLEFT (înapoi spre stânga), stânga (stânga) CENTER (centru) DREAPTA (dreapta).</p> <p>STADIUL;<br> BGCOLOR;<br> FRONTIERĂ;<br> VALIGN - Setează alinierea textului vertical și poate lua valori: TOP (în partea de sus) MIDDLE (pe partea de mijloc) BOTTOM (pe partea de jos) BASELINE (pe linia de bază).</p> <p>echipă <TD> acceptă următoarele atribute:<br> ALIGN: BLEEDLEFT (înapoi spre stânga), stânga (stânga) CENTER (centru) DREAPTA (dreapta).<br> BACKGROUND, BGCOLOR,<br> COLSPAN - Celula tabelă este extinsă la numărul de coloane specificate în valoarea atributului.<br> NOWARP - Dezactivează alocarea automată a celulelor. Numai partea din text care se potrivește în celulă de-a lungul lungimii va fi afișată.<br> ROWSPAN - Celula tabelă este extinsă la numărul de linii specificate în valoarea atributului.<br> VALOARE, LUNGĂ.</p> <p>Cea mai simplă tabelă de trei în trei în HTML este după cum urmează:</p> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8686842323494376" data-ad-slot="8576168847" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-8686842323494376" data-ad-slot="9162386769"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> <br><h4>Articole similare</h4> <ul> <li> <p><a href="/utilizator-190/macrame-pentru-incepatori.html">Macrame pentru începători</a></p> </li> <li> <p><a href="/utilizator-190/programarea-delphi-tutorial-ilustrat-pentru-delphi.html">Programarea delphi - tutorial ilustrat pentru delphi 7 pentru incepatori - crearea unei referinte</a></p> </li> <li> <p><a href="/utilizator-190/strafe-sfaturi-si-trucuri-pentru-incepatori.html">Strafe - sfaturi și trucuri pentru începători</a></p> </li> </ul> <div class="vnizine"><p style="text-align: left;"><a href="/utilizator-190/face-call-program-care-simuleaza-apelurile-primite.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-190/secretele-de-a-face-lucruri-din-piele.html">Pagina următoare</a></p> </div> <h3>Trimiteți-le prietenilor:</h3> <p> <script type="text/javascript">(function(w,doc) { if (!w.__utlWdgt ) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h=d[g]('body')[0]; h.appendChild(s); }})(window,document); </script> <div data-mobile-view="true" data-share-size="40" data-like-text-enable="false" data-background-alpha="0.0" data-pid="1771468" data-mode="share" data-background-color="#ffffff" data-share-shape="round-rectangle" data-share-counter-size="12" data-icon-color="#ffffff" data-mobile-sn-ids="fb.tw.wh.vb.ps.gp." data-text-color="#000000" data-buttons-color="#FFFFFF" data-counter-background-color="#ffffff" data-share-counter-type="disable" data-orientation="horizontal" data-following-enable="false" data-sn-ids="fb.tw.ps.gp.ms.bl.gt." data-preview-mobile="false" data-selection-enable="false" data-exclude-show-more="true" data-share-style="1" data-counter-background-alpha="1.0" data-top-button="true" class="uptolike-buttons" ></div> </p> </article> </div> </div> </div> </div><footer class="akatita-footer clearfix"> <div class="akatita-content-layout layout-item-0"> <div class="akatita-content-layout-row"> <div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Articole aleatoare</p> <br> <ul> <li><a href="/utilizator-133/ce-tipuri-de-crusta-se-disting-in-diferentele-lor.html">Ce tipuri de crustă se disting în diferențele lor</a></li> <li><a href="/utilizator-196/cum-sa-ajungi-din-turba-pana-la-sankt-petersburg.html">Cum să ajungi din turbă până la Sankt Petersburg</a></li> <li><a href="/utilizator-176/prize-si-comutatoare-de-senzori-de-miscare.html">Prize și comutatoare de senzori de mișcare (bioswitch-uri)</a></li> <li><a href="/utilizator-202/liderul-tsn-liedic-de-conducere-a-ridicat-un.html">Liderul TSN liedic de conducere a ridicat un scandal "a-la nitsoy" portal antikor</a></li> <li><a href="/utilizator-177/din-cauza-masinilor-autonome-vor-fi-mai-multi.html">Din cauza mașinilor autonome, vor fi mai mulți miliardari în domeniul imobiliar "</a></li> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">locație</p> <br> <ul> <li><a href="/locul-pe-harta.html">Suntem pe hartă</a></li> <li><a href="/adresa.html">Adresa</a></li> </ul> <ol> <li><a href="/sitemap/sitemap410.html">sitemap</a></li> <li><a href="/sitemap/sitemap749.html">sitemap</a></li> <li><a href="/sitemap/sitemap775.html">sitemap</a></li> <li><a href="/sitemap/sitemap858.html">sitemap</a></li> <li><a href="/sitemap/sitemap972.html">sitemap</a></li> </ol> </div><div class="akatita-layout-cell layout-item-1" style="width: 20%"> <p style="font-size: 18px; font-family: 'Times New Roman';">Mai multe despre noi</p> <br> <ul> <li><a href="/contactati-ne.html">Contactați-ne</a></li> <li><a href="/despre-site.html">Despre site</a></li></ul> </ul> </div><div class="akatita-layout-cell layout-item-1" style="width: 40%"> <p style="text-align:right;"><a href="#"></a>Drepturi de autor © 2024. Toate drepturile rezervate.</p><br> <p style="text-align: right;"> <!--LiveInternet counter--><script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t40.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script><!--/LiveInternet--> </p> </div> </div> </div> </footer> </div> </div></body> </html>