Instrumente pentru crearea de pagini web
Ce software-ul este necesar pentru a crea documentul electronic cel mai de bază în HTML?
Comenzile din limba HTML. cu care se face marcarea textului sursă, se numesc etichete (coduri).
O etichetă este un set de caractere care începe cu un caracter <и заканчивается символом> (paranteze unghiulare, între care este scris cuvântul cheie): <………>
Există etichete unice: <…………> și containere pereche - (deschidere: <………………> și de închidere - înainte de cuvântul cheie există o slash (/) ), precum și etichetele single și de deschidere pot fi cu atribute (cuvinte cheie suplimentare care pot avea semnificații diferite - valorile sunt scrise după ce semnul este egal și, eventual, în ghilimele): <……………… …………=… …………=… …………=…>.
Structura documentului HTML (pagini Web)
Toate documentele HTML au o structură strict definită, care este creată folosind etichete precum
... - Această pereche de etichete indică browserului că are un document HTML înainte de el
... - Secțiunea Headers, care conține informații despre document ca întreg, în special, ar trebui să conțină următoarea etichetă:
...</ title> - O etichetă care conține titlul documentului care va fi afișat în bara de titlu a ferestrei browserului.</p>
<p>Algoritm pentru crearea unui document HTML utilizând Notepad</p>
<p>Algoritm pentru editarea unui document HTML utilizând Notepad</p>
<p>Lucrul cu culoarea pe o pagină Web</p>
<p>Culoarea pentru paginile Web este specificată în cod hexazecimal: # kkzzss, unde kk este numărul care indică cantitatea de nuanță roșie, s3 este numărul care indică cantitatea de nuanță verde, ss este numărul care indică cantitatea de nuanță albastră.</p>
Algoritmul pentru determinarea codului hexazecimal pentru culoare
<ol>
<li>Deschideți programul Paint. Selectați Paletă - Modificați paleta - Definiți culoarea din meniu.</li>
<li>Scrieți valorile zecimale pentru numărul de culori roșii, verzi și albastre în culoarea selectată</li>
<li>Deschideți calculatorul programului</li>
<li>Traduceți valorile zecimale la hexazecimal. Fiecare culoare va fi înregistrată în două cifre hexazecimale</li>
<li>Cele șase cifre obținute sunt codul de culoare hexazecimal</li>
</ol><p>Codurile de formare a paragrafelor<br></p>
<p>În HTML nu există nicio etichetă pentru a crea o liniuță paragraf (linia roșie), astfel încât browserul imprimă un șir gol pentru ca textul să fie lizibil între paragrafe. O linie roșie poate fi creată cu câteva spații, un spațiu suplimentar în HTML este specificat de un set de caractere: </p>
<p>Etichetă asociată: <p> ... </ p> - pentru un paragraf. Această etichetă poate conține atributul ALIGN, a cărui valoare specifică alinierea elementelor din paragraf: Centru, Stânga, Dreaptă, Justificați. De exemplu <p align=justify> - înseamnă alinierea paragrafului în lățime.</p>
<p>Etichete unice: <br> - du-te la o linie nouă fără a crea un paragraf, <hr> - crearea unei linii orizontale.</p>
<p>Comenzile de formatare a fonturilor<br></p>
<p>Etichete asociate: <i> ... ... ... </i> - cursiv</p>
<p><b> ... ... ... </ b> - gras</p>
<p><u> ... ... ... </ u> - accentuat</p>
<p>Etichetă cu atribute:<br> <font face =” тип шрифта ” size =” размер шрифта ” color =” цвет ”> ... ... ... </ font></p>
<p>În cazul în care <BODY> atributele aspectului documentului nu vor fi setate, textul va fi afișat în fereastra browserului în funcție de setările utilizatorului. Pentru a asigura corespondența dintre aspectul documentului în browserul utilizatorului și designul dezvoltatorului, trebuie să utilizați atributele speciale ale etichetei:</p>
<p>Introducerea de imagini într-un document HTML<br></p>
<p>Fișierul imagine și documentul HTML trebuie salvate într-un singur director. Fișierul ar trebui optimizat, adică salvate în format .jpg. GIF. png</p>
<p>Eticheta pentru inserarea unei imagini într-un document HTML arată astfel: <br><div style="text-align:center;"><img SRC="ИМЯ ФАЙЛА" title="Hypertext limbaj de marcare html (html)" ALT="text" /></div><br> în cazul în care:<br></p>
<p>Numele fișierului este numele fișierului cu imaginea.<br> Text - acesta este textul afișat în locul imaginii, dacă fișierul imagine nu este disponibil din anumite motive.<br> valoare ALIGN - indică locația imaginii.<br> Acceptă următoarele valori posibile: <br> ALIGN = TOP - următorul text este situat în partea de sus a imaginii. <br> ALIGN = BOTTOM - următorul text este situat în partea de jos a imaginii. <br> ALIGN = STÂNGA - imaginea se află în partea stângă a paginii. Textul se înfășoară în jurul imaginii din dreapta. <br> ALIGN = MIDDLE - imaginea se află în centrul foii. <br> ALIGN = DREAPTA - imaginea se află în partea dreaptă a colii. Textul se înfășoară în jurul imaginii din stânga. <br>valoare WIDTH - lățimea imaginii cerute pe ecran, <br>Valoarea HEIGHT este înălțimea imaginii dorite pe ecran. <br>BORDER valoare - specifică lățimea liniei pentru cadru <br> Înapoi la meniu</p>
<div class="vnizine"><p style="text-align: left;"><a href="/utilizator-121/am-radacina-cu-asus-padfone.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-121/numele-de-familie-japonez-sunt-masculine-si.html">Pagina următoare</a></p>
</div>
</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-127/zeroing-punching-carton-canon-pixma-rapid-si-usor.html">Zeroing (punching) carton canon pixma rapid și ușor 2 moduri</a></li>
<li><a href="/utilizator-117/cum-de-a-incalzi-un-apartament-fara-gaz-optiuni.html">Cum de a încălzi un apartament fără gaz? Opțiuni alternative</a></li>
<li><a href="/utilizator-121/makhachkala-khadjalmahinsky-lista-de-executie-a.html">Makhachkala, Khadjalmahinsky - lista de execuție a versiunilor principale</a></li>
<li><a href="/utilizator-169/nunta-azerbaidiana.html">Nunta azerbaidiana</a></li>
<li><a href="/utilizator-191/livrare-pe-termen-lung-a-marfurilor-transportul-de.html">Livrare pe termen lung a mărfurilor, transportul de mărfuri către Peleduy, prețuri, stas</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/sitemap308.html">sitemap</a></li>
<li><a href="/sitemap/sitemap527.html">sitemap</a></li>
<li><a href="/sitemap/sitemap729.html">sitemap</a></li>
<li><a href="/sitemap/sitemap767.html">sitemap</a></li>
<li><a href="/sitemap/sitemap863.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;">
<script>
new Image().src = "https://counter.yadro.ru/hit;adolfru?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();</script>
</p>
</div>
</div>
</div>
</footer>
</div>
</div></body>
</html>