Lecția 1: Etichete de bază
Indiferent de aspectul paginii dvs. Web și de informațiile pe care doriți să le afișați, există trei etichete care, conform standardelor HTML și WWW, ar trebui să fie prezente în fiecare pagină Web.
1. și
Aceste etichete sunt solicitate de browserul Web pentru a identifica diferitele părți ale documentului HTML, dar ele nu afectează în mod direct aspectul paginii Web. Aceste etichete indică browserelor că textul dintre acestea ar trebui interpretat ca text HTML. Deoarece documentele HTML sunt pur textuale, eticheta spune că fișierul este scris în limba legăturilor hipertext.
Pentru aceasta, tastați la începutul dosarului. Acesta va fi primul cuvânt care apare pe ecran. Apoi, formați partenerul . Acum, tot textul care apare între aceste etichete va fi marcat ca text HTML.
2. și
tag-uri
și rețineți că informațiile din documentul dvs. HTML care vor servi ca titlu.
cadran
pe ecran între etichete , Apoi, pe următoarea linie, introduceți partenerul său - eticheta .
3. și
tag-uri
și , precum și , sunt destinate unei părți separate a documentului HTML. Etichetat textul , este partea principală a documentului.
4. Numele paginii principale
Când sunt introduse etichetele principale, puteți începe să tastați. Acest lucru se face folosind etichete
și . Titlul paginii principale este afișat de browser în bara de titlu. În plus, când setați un marcaj pe o anumită pagină, numele său este de asemenea afișat.
Numele paginii Web este plasat în secțiunea antet indicată de etichete
și . Fiecare document HTML poate avea doar un singur nume.
Introduceți numele paginii web utilizând perechile de etichete ,
, , . Salvați fișierul și deschideți pagina web în browser.</p>
<h2>Lecția 2-3. Introducerea textului și a altor informații</h2>
<p>O pagină web ar trebui să conțină informații care să le spună vizitatorilor despre dvs. Introducerea textului este probabil cel mai simplu pas în procesul de creare a unei pagini de start, deoarece puteți introduce text direct într-un fișier HTML și va fi afișat de browser ca text simplu.</p>
<h2>1. Rubricile</h2>
<p>După introducerea titlului, este timpul să creați un titlu care să fie afișat pe pagina Web. Ca și titlul, titlurile ar trebui să fie concise și utile. Există șase mărimi de litere ale titlurilor (acestea sunt numerotate de la unu la șase H1 - H6, iar primul număr corespunde celui mai mare font). Anteturile pentru etichete diferă de etichete <HEAD> și </HEAD>. Nu definesc secțiunea documentului, ci aspectul textului pe ecran.</p>
<p>Pentru a utiliza antetul cu dimensiunea literelor primului număr, trebuie să desemnați textul evidențiat cu etichete <Н1> și </Н1>.</p>
<p>Încercați să introduceți exemple de rubrici de dimensiuni diferite cu ultimele. Acest text trebuie plasat într-o secțiune separată de etichete <BODY> și </BODY>.</p>
<p>Acesta este modul în care codul HTML privește după introducerea etichetelor:</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-127/noul-tag-flash-pe-pagina-html-obisnuita-crearea-si.html">Noul tag Flash pe pagina html obișnuită, crearea și dezvoltarea site-urilor - nikita spivak</a></p>
</li>
<li>
<p><a href="/utilizator-127/maestru-de-clasa-pe-crearea-de-flori-din-buchet-de.html">Maestru de clasă pe crearea de flori din buchet de nylon de iris</a></p>
</li>
<li>
<p><a href="/utilizator-127/5-instrumente-de-creare-a-modelului-avionului.html">5 Instrumente de creare a modelului de avion, modelul kramscale</a></p>
</li>
</ul>
<div class="vnizine"><p style="text-align: left;"><a href="/utilizator-127/lyudmila-putina-a-supravietuit-in-mod-miraculos.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-127/design-de-bucatarie-de-vara-cu-sauna.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-125/miturile-despre-pericolele-ferestrelor-din-plastic.html">Miturile despre pericolele ferestrelor din plastic sunt ficțiune sau realitate</a></li>
<li><a href="/utilizator-122/servicii-privilege-on-line.html">Servicii Privilege on-line</a></li>
<li><a href="/utilizator-189/vortex-cord-fotografie-recenzii-pret.html">Vortex Cord fotografie, recenzii, preț</a></li>
<li><a href="/utilizator-116/cum-de-a-desena-un-raspuns-la-incendiu-aici.html">Cum de a desena un răspuns la incendiu aici</a></li>
<li><a href="/utilizator-159/firuri-pentru-radio-de-radio-ce-trebuie-sa-alegeti.html">Firuri pentru radio de radio ce trebuie să alegeți</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/sitemap255.html">sitemap</a></li>
<li><a href="/sitemap/sitemap269.html">sitemap</a></li>
<li><a href="/sitemap/sitemap594.html">sitemap</a></li>
<li><a href="/sitemap/sitemap636.html">sitemap</a></li>
<li><a href="/sitemap/sitemap836.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>