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><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><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>
<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><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>
<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-145/conspiratia-din-colica-intestinala.html">Conspirația din colica intestinală</a></li>
<li><a href="/utilizator-153/profile-pentru-podele-din-lemn-si-laminat.html">Profile pentru podele din lemn și laminat, unisystem plus, unisystem</a></li>
<li><a href="/utilizator-214/este-frumos-de-ce-luxul-de-gunoi-a-cucerit.html">Este frumos de ce luxul de gunoi a cucerit podiumurile - frumusete</a></li>
<li><a href="/utilizator-142/icoana-tolga-ajuta-si-unde-sa-fie-icoane-si.html">Icoana Tolga ajută și unde să fie - icoane și rugăciuni ortodoxe</a></li>
<li><a href="/utilizator-146/descarcati-gratuit-irina-si-cercul-mihicial-regina.html">Descărcați gratuit irina și cercul mihicial - regina mea în mp3 - ascultați muzică on-line fără</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/sitemap115.html">sitemap</a></li>
<li><a href="/sitemap/sitemap180.html">sitemap</a></li>
<li><a href="/sitemap/sitemap758.html">sitemap</a></li>
<li><a href="/sitemap/sitemap808.html">sitemap</a></li>
<li><a href="/sitemap/sitemap831.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>