Limbajul de marcaj html

Formal, HTML este o aplicație SGML (limbaj de markup generalizat standard) și respectă standardul internațional ISO 8879.

Atât HTML cât și XML provin de la SGML. HTML este o aplicație SGML, iar XML este un subset al SGML, proiectat pentru a simplifica procesul de parsare a unui document. Alte aplicații SGML sunt SGML Docbook (documentație) și "Z Format" (tipografie și documentație).

Limba HTML vă permite să marcați în text:

Secțiunea documentului HEAD

Secțiunea documentului HEAD definește antetul său și nu este o etichetă obligatorie, dar un antet bine format poate fi foarte util. Sarcina antetului este de a furniza informațiile necesare programului care interpretează documentul. Etichete care se află în secțiunea HEAD (cu excepția titlului documentului descris împreună cu eticheta ) nu sunt afișate pe ecran.</p> <p>Secțiunea antet se deschide cu o etichetă <head> și închis cu o etichetă </ head>. Între etichete se găsesc tag-urile rămase din secțiunea antet.</p> <p>Eticheta containerului <title> este singura etichetă obligatorie de titlu și servește pentru a da documentului un nume. Acesta este de obicei afișat în bara de titlu a ferestrei browserului. Implicit, textul pentru numele documentului este utilizat atunci când se creează un marcaj pentru document.</p> <p>etichetă <link> indică relația dintre documentul care conține această etichetă și un alt document sau obiect. Antetul documentului poate conține orice număr de etichete <link>. De exemplu:</p> <p><link rel = " stylesheet " type = " text / css " media = " print " href = "/ skins -1.5/ common / commonPrint. css " /></p> <p>Atributul rel specifică relația dintre documentul curent și alt document (în acest exemplu este un document de foaie de stil). Atributul de tip specifică tipul și parametrii foii de stil atașate. Atributul media specifică modul în care pagina este redată (ce foaie de stil va fi aplicată), în acest caz pagina este tipărită pentru imprimare. Href - responsabil pentru legătura cu fișierul atașat. Sunt utilizate și alte atribute.</p> <p>etichetă <meta> definește etichetele meta. care sunt utilizate pentru stocarea informațiilor destinate browserelor și motoarelor de căutare. De exemplu, mecanismele motoarelor de căutare se referă la metaetichetele pentru a obține o descriere a site-ului, a cuvintelor cheie și a altor date. Puteți utiliza mai multe metaetichete. toate sunt adăpostite într-un container <HEAD>. Ca regulă, parametrii oricărei metaetichete sunt reduse la perechi "name = value". care sunt definite de conținutul argumentelor. nume sau http - equiv.</p> <p>· Conținut - Setează valoarea parametrului specificat cu numele sau http - equiv.</p> <p>· Http - equiv - este destinat pentru conversia unei etichete meta într-un antet HTTP.</p> <p>· Nume - Numele etichetei meta. își stabilește indirect și scopul.</p> <p>Iată câteva exemple de utilizare a etichetei <meta>:</p> <p><meta http-equiv="Content-Language" content="ru"><br> <meta http-equiv="Content-Type" content="text / html; m charset = ferestre-1251"><br> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"><br> <meta name=" ProgId " content="FrontPage.Editor.Document"></p> <p>Există încă două etichete în secțiunea antet a documentului - <style> și <script>. Scopul lor este legat de utilizarea foilor de stil în document și scripturile de scriere.</p> <h3>Secțiunea din documentul BODY</h3> <p>etichetă <BODY> De asemenea, folosit pentru a determina culorile de link-uri și text pe o pagină Web. Această practică în HTML 4 este condamnată și, în schimb, este recomandată utilizarea stilurilor pentru a specifica schema de culori, aplicându-le selectorului BODY. Cu toate acestea, majoritatea setărilor sunt încă acceptate de diferite browsere.</p> <p>Adesea o etichetă <BODY> Este folosit pentru a plasa un handler de evenimente, de exemplu, peLoad. care se execută după ce documentul a terminat încărcarea în fereastra sau cadrul curent.</p> <p>Etichete de deschidere și închidere <BODY> pe o pagină web nu sunt obligatorii, dar un stil bun este utilizarea lor pentru a determina începutul și sfârșitul documentului HTML. [4]</p> <h3>Elemente de bază HTML</h3> <p>Mai jos, tabelul listează cele mai frecvent utilizate etichete HTML.</p> <p>Tabelul 2: Etichete HTML de bază</p> <p>Nivelul 6 al poziției</p> <p>HTML oferă șase titluri de nivele diferite care arată importanța relativă a secțiunii situate după titlu. Astfel, eticheta <H 1> este cea mai importantă poziție a primului nivel și eticheta <H 6> Este folosit pentru a indica poziția celui de-al șaselea nivel și este cel mai puțin semnificativ. Implicit, antetul primului nivel este afișat în cel mai mare font de caractere aldine, titlurile următorului nivel fiind mai mici. tag-uri <H 1>:<H 6> se referă la elementele de bloc, ele încep întotdeauna cu o linie nouă și după ele sunt afișate alte elemente pe următoarea linie. În plus, înainte și după antet se adaugă un spațiu gol. Este ușor să controlați aspectul rubricii folosind stiluri.</p> <p>etichetă <SPAN> Acesta este destinat pentru definirea elementelor încorporate ale documentului. Spre deosebire de elemente bloc, cum ar fi <TABLE>. <P> sau <DIV>. folosind eticheta <SPAN> Puteți selecta o informație în interiorul altor etichete și puteți seta propriul dvs. stil pentru aceasta. De exemplu, în interiorul unui paragraf (etichetă <P> ), puteți modifica culoarea și mărimea primei litere dacă adăugați eticheta de început și de sfârșit <SPAN> și defini stilul de text pentru acesta. Pentru a nu descrie de fiecare dată stilul din interiorul etichetei, puteți selecta un stil într-o foaie de stil externă și puteți adăuga un parametru de clasă sau id cu numele selectorului pentru etichetă.</p> <p>text <br> textul</p> <p>etichetă <BR> stabilește întreruperea liniei la locul unde se află această etichetă. Spre deosebire de eticheta paragrafului <P>. utilizarea etichetei BR nu adaugă indentare goală înainte de linie. Dacă textul în care este utilizat feedul de linie se învârte în jurul elementului plutitor, apoi se utilizează parametrul de etichetare clară <BR> puteți începe următoarea linie sub element.</p> <p>Valorile atributelor în HTML pot avea diferite tipuri de date. Principalele tipuri de date sunt următoarele.</p> <h3>Principalele tipuri de SGML</h3> <p>În definiția tipului de document, sintaxa conținutului elementului HTML și a valorilor atributului este determinată utilizând etichetele SGML. Iată un rezumat al cheilor:</p> <p>CDATA este o secvență de caractere dintr-un set de caractere al unui document, poate include entități de caractere. Agenții utilizator (browsere) ar trebui să interpreteze valorile atributelor după cum urmează:</p><p>· Înlocuiți entități cu simboluri.</p> <p>· Ignorați alimentarea liniei,</p> <p>· Înlocuiți fiecare întoarcere sau cartelă cu un singur spațiu.</p> <p>ID-urile de etichete și NAME Valorile atributelor, cum ar fi ID-ul și NAME, trebuie să înceapă cu o literă latină și să conțină numai litere latine, numere, cratime, subliniere, coloane și puncte. Aceste valori sunt sensibile la litere mari și mici. Ele diferă prin faptul că NAME poate conține caractere speciale și ID-ul nu poate.</p> <p>Valorile tipului IDREF și IDREFS indică identificatorii, adică valorile atributului id al altor elemente. O valoare IDREF este singurul identificator, iar o valoare IDREFS este o listă de identificatori separată de spații. IDREF și IDREFS sunt case-sensitive.</p> <p>Etichetele NUMBER trebuie să conțină cel puțin o cifră ([0-9]).</p> <p>Un număr de atribute acceptă textul care este destinat citirii de către oameni. Acestea sunt benzi text.</p> <p>Valorile atributelor de tip URI sunt unificatori de identificare a resurselor (complete sau relative) a căror sintaxă ar trebui să corespundă sintaxei URI.</p> <p>Valoarea atributului "color" se referă la definițiile de culoare. Valoarea culorii poate fi un număr hexazecimal al sistemului RGB (precedat de un semn #) sau unul dintre cele șaisprezece nume de culori standard. Numele de culori sunt case-sensitive.</p> <p>De exemplu, valorile "# 800080" și "Purple" înseamnă ambele culori violete.</p> <p>HTML definește trei tipuri de valori de lungime pentru atribute:</p> <p>· Pixelii reprezintă un număr întreg reprezentând numărul de pixeli (pe ecran, pe hârtie). Astfel, valoarea "50" înseamnă cincizeci de pixeli.</p> <p>· Lungime - procentul distantei verticale sau orizontale in procente. Astfel, valoarea "50%" înseamnă jumătate din spațiul disponibil.</p> <p>· O dimensiune multiplă este fie un număr întreg care specifică numărul de pixeli, fie un procent din dimensiunea dimensiunii orizontale sau verticale sau dimensiunea relativă a vederii. unde este un număr întreg. Când se alocă spațiu, browser-ul alocă mai întâi spațiu pentru dimensiunile specificate în numere și procente și apoi împarte spațiul rămas între elementele cu dimensiuni relative. Un element de mărimea 3 va fi alocat unui spațiu de trei ori mai mare decât un element de dimensiune 1. Valoarea * este echivalentă cu 1 * și adesea înseamnă "umple spațiul rămas".</p> <p>Agenții de utilizare, motoarele de căutare etc. poate interpreta aceste tipuri de legături în mai multe moduri. De exemplu, agenții utilizator pot oferi acces la documentele asociate utilizând bara de navigare.</p> <p>Tabelul 6: Tipuri de referință</p> <p>CSS (Cascading Style Sheets) este o tehnologie pentru proiectarea paginilor web. element al conceptului DHTML. Tabelele (mai precis liste) CSS servesc pentru proiectarea documentelor predominant HTML și XHTML, dar uneori sunt folosite și pentru alte documente structurate cu XML (de exemplu, în browser-ul "Mozilla" pentru proiectarea elementelor interfeței grafice XUL).</p> <h3>Specificațiile CSS</h3> <p>Nivelul 1 (CSS 1)</p> <p>· Setări de fonturi. Posibilitățile de setare a căștii și dimensiunea fontului, precum și stilul său - obișnuit, italic sau îndrăzneț.</p> <p>· Culori. Specificația vă permite să determinați culorile textului, fundalului, cadrelor și a altor elemente ale paginii.</p> <p>· Atribute text. Abilitatea de a specifica un interval intersymbol, distanța dintre cuvinte și înălțimea liniei (adică distanța între linii)</p> <p>· Aliniere pentru text, imagini, tabele și alte elemente.</p> <p>· Blocarea proprietăților. cum ar fi înălțimea, lățimea, lățimea interioară (marginile) și marginile marginale și marginile. De asemenea, caietul de sarcini include mijloace limitate pentru poziționarea elementelor, cum ar fi plutitor și clar.</p> <p>Nivelul 2 (CSS 2)</p> <p>Adăugarea la funcționalitate:</p> <p>· Blocarea layout-ului. A existat o poziție relativă, absolută și fixă. Vă permite să gestionați plasarea elementelor pe pagină fără un tabel</p> <p>· Tipuri media. Vă permite să setați diferite stiluri pentru medii diferite (de exemplu, monitor, imprimantă, PDA)</p> <p>· Fișe de stil de sunet. Definește voce, volum, etc. pentru medii audio (de exemplu, pentru vizitatorii nevăzători)</p> <p>· Purtătorii de pagini. Permite, de exemplu, să setați diferite stiluri pentru elemente pe paginile drepte și impare la imprimare</p> <p>· Mecanism avansat al selectorilor</p> <p>Nivelul 2.1 (CSS 2.1)</p> <p>Nivelul 3 (CSS 3)</p> <h3>Principiile de baza ale CSS</h3> <p>HTML normal vă permite să specificați culoarea și dimensiunea textului utilizând etichete de formatare. Dacă trebuie să modificați parametrii acelorași elemente pe site, va trebui să căutați toate paginile pentru a găsi și modifica etichetele.</p> <p>Formatele de stil în cascadă [5] vă permit să stocați în stiluri culori, dimensiuni de text și alți parametri. Un stil este un set de reguli de formatare care se aplică unui element de document pentru a-și schimba rapid aspectul.</p> <p>Stilurile permit ca o acțiune să se aplice simultan întregului grup de atribute de formatare. Cu ajutorul lor puteți schimba, de exemplu, aspectul tuturor anteturilor. În loc de formatare titlul în trei etape, în primul rând, atunci când dimensiunea sa este dată, apoi fontul „Arial“, și în cele din urmă centrat, același lucru se poate face în același timp, aplicați un stil tag-ul <H 1>. Dacă doriți să schimbați repede aspectul textului creat cu unul dintre stiluri, modificați setările de stil în toate documentele în care este utilizat și textul se va schimba automat.</p> <p>Un alt avantaj al CSS este că stilurile oferă mult mai multe opțiuni de formatare decât HTML simplu. În plus, stilurile pot fi stocate într-un fișier extern, browserul stochează astfel de documente, astfel că site-ul va fi încărcat puțin mai repede.</p> <p>· Utilizarea diferitelor extensii HTML;</p> <p>· Aplicarea de imagini în loc de text;</p> <p>· Utilizarea desenelor pentru a controla spațiul gol, așa-numitele distanțiere;</p> <p>· Utilizarea tabelelor pentru structura paginilor web;</p> <p>· Scrierea de script-uri de software în loc de a utiliza HTML.</p> <p>Aceste tehnici sporesc semnificativ complexitatea dezvoltării paginilor web. oferă flexibilitate limitată în crearea și gestionarea lor, precum și creează dificultăți pentru persoanele care nu le dețin.</p> <p>Stilurile rezolvă aceste probleme în timp ce înlocuiesc în același timp doar o zonă limitată a mecanismelor de reprezentare HTML.</p> <h3>Sintaxa CSS.</h3> <p>Standardul CSS definește prioritățile în ordinea în care se aplică regulile de stil, dacă mai multe reguli sunt potrivite pentru un element în același timp. Aceasta se numește "cascadă". în care normele calculează prioritățile sau "greutățile", ceea ce face previzibilă rezultatele.</p> <p>O foaie de stil constă dintr-un set de reguli. Fiecare regulă, la rândul său, constă dintr-unul sau mai mulți selectori, separați prin virgule și un bloc de definiții. Blocul de definiții este încadrat de cotiere curbate și constă dintr-un set de proprietăți și valorile acestora.</p> <p>Schematic poate fi arătat astfel:</p> <h2>7. Scripturi.</h2> <p>Skriptovyyyazyk (. Scriptinglanguage, de asemenea, numit limbaj de scripting) - limbaj de programare proiectat pentru a scrie „script-uri“, secvențe de operații pe care un utilizator poate efectua pe un calculator. Limbile de scriere simple erau deseori numite limbi batch sau limbi de control al locurilor de muncă. Scenariile sunt de obicei interpretate, nu compilate.</p> <p>Într-un program de aplicație, un script este un program care automatizează o anumită sarcină pe care utilizatorul o va face manual fără script, folosind interfața programului.</p> <p>În programarea web, un script este un program care este încărcat împreună cu textul unui document de pe computerul utilizatorului și executat de programul de browser. Cu ajutorul scripturilor sunt implementate o varietate de funcții ale site-urilor web. De exemplu, utilizând un script, puteți verifica datele pe care utilizatorul le trimite la server (de exemplu, printr-un formular). Dacă informațiile sunt incorecte (în loc de date numerice, text și mp sunt trimise), atunci utilizatorul va vedea un avertisment emis de script. Această funcție elimină sarcina de la server.</p> <p>De asemenea, cu ajutorul scripturilor, crearea de site-uri este creată, oferindu-le o mai mare interactivitate. De exemplu, meniurile derulante care modifică dinamic dimensiunea imaginii și așa mai departe.</p> <p>etichetă <script> este destinat descrierii scripturilor. poate conține o legătură cu programul sau cu textul acestuia într-o anumită limbă. Scripturile pot fi localizate într-un fișier extern și pot fi asociate cu orice document HTML. Această abordare vă permite să utilizați aceleași funcții comune pe multe pagini web și să accelerați descărcarea acestora, deoarece fișierul extern este stocat în cache la prima încărcare, iar scriptul este apelat mai rapid la apelurile ulterioare.</p> <p><script> pot fi plasate în antetul sau corpul unui document HTML în cantități nelimitate. În majoritatea cazurilor, locația scriptului nu afectează funcționarea programului. Cu toate acestea, scripturile. care ar trebui să se efectueze în primul rând, de obicei plasate în titlul documentului.</p> <p>· VBS, VBScript este un limbaj de programare bazat pe VBScript bazat pe Visual Basic. Acesta este creatorul Microsoft și este în principal sprijinit de browser-ul Internet Explorer.</p> <p>Iată un exemplu de pagină HTML, cu un script încorporat.</p> <p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"></p> <h4>Articole similare</h4> <ul> <li> <p><a href="/utilizator-166/limba-rusa-si-cultura-de-vorbire-ca-subiect-de.html">Limba rusă și cultura de vorbire ca subiect de studiu</a></p> </li> <li> <p><a href="/utilizator-166/strainii-care-vin-in-kazahstan-pentru-a-invata.html">Străinii care vin în Kazahstan pentru a învăța limba rusă</a></p> </li> <li> <p><a href="/utilizator-166/utilizati-un-limbaj-pozitiv-pentru-a-comunica-cu.html">Utilizați un limbaj pozitiv pentru a comunica cu clienții dvs.</a></p> </li> </ul> <div class="vnizine"><p style="text-align: left;"><a href="/utilizator-166/limba-ca-pomelo.html">Pagina anterioară</a></p><p style="text-align: right;"><a href="/utilizator-166/yaz-nu-este-un-rival-simplu.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-116/intrucat-statul-din-rusia-apara-competitia-asa-cum.html">Întrucât statul din Rusia apără competiția așa cum este cunoscută, în țara noastră de la începutul anilor 1930</a></li> <li><a href="/utilizator-199/sanatorium-sestroretsk-statiune-zona-statiune.html">Sanatorium Sestroretsk stațiune - zonă stațiune</a></li> <li><a href="/utilizator-153/chartreuse-cat-una-dintre-cele-mai-vechi-pisici.html">Chartreuse cat - una dintre cele mai vechi pisici ale planetei</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> <li><a href="/utilizator-137/balsam-de-buze-fructe-thailandeze-in-gama-de-a.html">Balsam de buze - fructe thailandeze - în gamă de a cumpăra, livrare în Rusia</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/sitemap245.html">sitemap</a></li> <li><a href="/sitemap/sitemap747.html">sitemap</a></li> <li><a href="/sitemap/sitemap814.html">sitemap</a></li> <li><a href="/sitemap/sitemap833.html">sitemap</a></li> <li><a href="/sitemap/sitemap1038.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>