Lecția 1

Tema. Noțiunea de limbaj de markup hipertext este limba NTM. Fișier NTL. Coduri (etichete) ale limbajului NTM. Etichete structurale. Înregistrarea textului în documentul WWW. Etichetele sunt formatarea caracterelor.

- da o idee despre HTML, structura site-ului; oferă competențe minime în crearea unei pagini Web în Notepad.

- dezvoltarea interesului studenților în crearea site-urilor Web

- hraniti de cei care au atentie, precizie, disciplina, perseverenta.

- dezvoltarea de interese cognitive, abilități de lucru pe Internet și pe calculator.

Echipamente: un computer conectat la un panou cu plasmă, calculatoare conectate la Internet.

Salut, verificând prezența. Explicarea cursului lecției.

II. I. Partea teoretică. Povestea profesorului.

Plan pentru studierea temelor (pe tablă).

1. Ce este HTML?

2. De ce pot folosi HTML?

3. Cum se decriptează H-T-M-L?

4. Structura paginii web

5.Ce sunt etichetele HTML?

6. Atributele de etichete

7. În ce programe să creați un site?

1. Ce este HTML?

2. De ce pot folosi HTML?

Dacă doriți să creați site-uri web, nu veți face fără HTML. Chiar dacă utilizați programe precum Dreamweaver pentru a crea site-uri web. știind că elementele de bază ale HTML vor simplifica foarte mult viața ta, iar site-ul tău va deveni mult mai interesant. Vestea bună este că HTML-ul este ușor de învățat și de utilizat. În două lecții veți crea deja primul dvs. site web.

HTML este folosit pentru a crea site-uri web. Și este foarte simplu!

3. Cum se decriptează H-T-M-L?

HTML este o abreviere a "HyperText Mark-up Language / Hypertext Markup Language" - și în această etapă, aceste cunoștințe sunt destul de suficiente pentru tine. Cu toate acestea. pentru ca totul să fie o cale, să clarificăm unele detalii.

Între coduri și secțiunea antet a documentului este plasată, însă aceasta nu înseamnă că ar trebui afișată pe pagină. A treia echipă este și . Când textul este încadrat de coduri , atunci acesta este afișat în bara de titlu a paginii dvs. Titlul documentului dvs. trebuie să fie informativ și specific, nu vag și general.</p> <p>Coduri de control <BODY> și </BODY> determina partea din document care va fi afișată pe pagina în sine. Corpul documentului conține etichete, pe care le vom discuta în continuare.</p> <p>Deci, structura generală a unui document HTML tipic este după cum urmează: <br> cod:</p> <ul> <li><HTML><br> <HEAD><br> <TITLE>Textul textului ferestrei

Textul documentului, etichete

III. Practic lucrează a (pe cărți).

Elaborați o pagină Web cu următorul text și imagine (vedeți figura).

Plan de dezvoltare recomandat pentru tema:

1. Creați un nou dosar sub numele de pe disc, de exemplu în folderul său. Karadag.

2. Porniți browserul Web (pictograma Internet de pe desktopul Windows).

</p> <p>5. Salvați textul selectat ca pagină1.htm în dosarul pe care l-ați creat anterior (KARADAG). Nu uitați să setați tipul de fișier ca "Toate fișierele (*. *)".</p> <p>7. Deschideți sursa paginii Web (Vizualizare - Ca HTML) și între etichete <body> </ body> introduceți următorul text:</p> <p>Salvați textul augmentat</p> <p>8. Accesați meniul browserului Web. Faceți clic pe butonul Actualizare. Asigurați-vă că tot textul tastat de dvs. este reflectat în fereastra browserului.</p> <p>Sarcina este finalizată la minim.</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-120/html-lectii.html">Html lecții</a></p> </li> <li> <p><a href="/utilizator-120/instrumente-de-desen-corel-lectii-corel-draw.html">Instrumente de desen Corel »lecții corel draw»</a></p> </li> <li> <p><a href="/utilizator-120/delphi-link-ul-hyperlink-de-la-eticheta-la-una.html">Delphi link-ul hyperlink de la etichetă la una, două, trei</a></p> </li> </ul> <div class="vnizine"><p style="text-align: left;"><a href="/utilizator-120/stapanul-de-desen-este.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-120/mastino-pospetano-standard-fci-masto-neapolatano.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-196/proiectul-apartament-de-criza.html">Proiectul "apartament de criză"</a></li> <li><a href="/utilizator-211/cum-sunt-transmise-condiloamele.html">Cum sunt transmise condiloamele?</a></li> <li><a href="/utilizator-148/informatii-interesante-despre-complexitatea.html">Informații interesante despre complexitatea trolling-ului pe Internet - ❶ fapte interesante ❶</a></li> <li><a href="/utilizator-173/materiale-dentare-in-vrac.html">Materiale dentare în vrac</a></li> <li><a href="/utilizator-158/nisele-din-baie-sunt-usoare-si-convenabile.html">Nișele din baie sunt ușoare și convenabile!</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/sitemap7.html">sitemap</a></li> <li><a href="/sitemap/sitemap198.html">sitemap</a></li> <li><a href="/sitemap/sitemap286.html">sitemap</a></li> <li><a href="/sitemap/sitemap473.html">sitemap</a></li> <li><a href="/sitemap/sitemap802.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 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> </p> </div> </div> </div> </footer> </div> </div></body> </html>