E într-adevăr interesant paragraf!

Schimbați culoarea și dimensiunea textului

Eticheta FONT poate fi folosită pentru a specifica culoarea și dimensiunea fontului textului. Acest exemplu stabilește culoarea:

Această ofertă are cuvânt marcat cu galben.

Rezultat:

Această propoziție are un cuvânt evidențiat cu galben.

Atribut mărimea este folosit pentru a specifica dimensiunea fontului în unități convenționale de la 1 la 7. În general este acceptat că dimensiunea unui font „normal” corespunde cu numărul 3. Mărimea poate fi specificată atât ca valoare absolută (SIZE=5), cât și relativă (SIZE=+2):

Sfat veterinar doctor

Rezultat:

Sfaturi de la un medic veterinar

Inserarea imaginilor

Utilizarea imaginilor vă face paginile mai interesante. Eticheta vă permite să introduceți o imagine . Să presupunem că fișierul imagine „peter.jpeg”, 200 pixeli lățime și 150 înălțime, se află în același folder cu fișierul HTML.

Specificarea unei lățimi și a unei înălțimi nu este strict necesară, dar crește viteza de încărcare a paginii dvs. web. Ar trebui să setați o descriere a imaginii pentru persoanele care au dezactivat încărcarea imaginilor. Puteți adăuga o scurtă descriere folosind atributul alt:

WWW folosește două formate de fișier imagine GIF și JPEG. Formatul GIF este utilizat atunci când este necesară o imagine sau o animație transparentă și pentru:

• desene și text alb-negru
• imagini cu un număr limitat de culori
• grafice cu margini ascuțite (meniuri, butoane, diagrame etc.)
• imagini cu text

Formatul JPEG este mai potrivit în următoarele cazuri:

• imagini scanate
• grafică cu o combinație complexă de culori și nuanțe
• orice imagine cu mai mult de 256 de culori

Crearea de link-uri către alte pagini

Text între Și este folosit ca descriere a link-ului, de obicei indicat cu albastru și subliniat cu o linie.

Liste

HTML oferă trei tipuri de liste. Primul fel se numește etichetat (neordonat)) lista. Lista cu marcatori se deschide cu etichetă

, iar fiecare dintre paragrafele sale începe cu o etichetă standard
• , exemplu:
  • primul articol din listă
  • al doilea articol de pe listă
  • al treilea articol de pe listă

  Rezultat:

  • primul articol din listă
  • al doilea articol de pe listă
  • al treilea articol de pe listă

  Al doilea fel - numerotat (ordonat) listă. El folosește etichete

  Și
  1. . Exemplu:
     1. primul articol din listă
     2. al doilea articol de pe listă
     3. al treilea articol de pe listă

     Rezultat:

     1. primul articol din listă
     2. al doilea articol de pe listă
     3. al treilea articol de pe listă

     Iar ultimul este listă de definiții (glosar). Reprezintă textul sub forma unei intrări de dicționar, constând din termenul definit și un paragraf care dezvăluie semnificația acestuia, se deschide cu eticheta

     . Fiecare termen începe cu o etichetă

     , și definiția etichetei

     . Exemplu:

     primul termen

     definiția acestuia

     al doilea mandat

     definiția acestuia

     al treilea termen

     definiția acestuia

     Rezultat:

     Primul termen este definiția sa. Al doilea termen este definiția sa. Al treilea termen este definiția sa

     Listele pot fi imbricate, una în alta. Exemplu:

     1. primul articol din listă
     2. al doilea articol de pe listă
        • primul articol din lista imbricată
        • al doilea element din lista imbricată
     3. al treilea articol de pe listă

     Rezultat:

     1. primul articol din listă
     2. al doilea articol de pe listă
        • primul articol din lista imbricată
        • al doilea element din lista imbricată
     3. al treilea articol de pe listă

     Definirea culorilor în HTML

     În HTML, culorile sunt definite prin numere în cod hexazecimal. Sistemul de culori se bazează pe trei culori primare - roșu, verde și albastru. Fiecare culoare este setată la o valoare între 00 și FF. Aceste valori sunt apoi concatenate într-un singur număr precedat de simbolul #. Acest tabel arată diferitele culori și codul lor hexazecimal.

     FFF FFF

     CCC CCC

     999 999

     666 666

     333 333

     000 000

     FFC C00

     FF9 900

     FF6 600

     FF3 300

     99C C00

     CC9 900

     FFC C33

     FFC C66

     FF9 966

     FF6 633

     CC3 300

     CC0 033

     CCF F00

     CCF F33

     333 300

     666 600

     999 900

     CCC C00

     FFF F00

     CC9 933

     CC6 633

     330 000

     660 000

     990 000

     CC0 000

     FF0 000

     FF3 366

     FF0 033

     99F F00

     CCF F66

     99C C33

     666 633

     999 933

     CCC C33

     FFF F33

     996 600

     993 300

     663 333

     993 333

     CC3 333

     FF3 333

     CC3 366

     FF6 699

     FF0 066

     66F F00

     99F F66

     66C C33

     669 900

     999 966

     CCC C66

     FFF F66

     996 633

     663 300

     996 666

     CC6 666

     FF6 666

     990 033

     CC3 399

     FF6 6CC

     FF0 099

     33F F00

     66F F33

     339 900

     66C C00

     99F F33

     CCC C99

     FFF F99

     CC9 966

     CC6 600

     CC9 999

     FF9 999

     FF3 399

     CC0 066

     990 066

     FF3 3CC

     FF0 0CC

     00C C00

     33C C00

     336 600

     669 933

     99C C66

     CCF F99

     FFF FCC

     FFC C99

     FF9 933

     FFC CCC

     FF9 9CC

     CC6 699

     993 366

     660 033

     CC0 099

     330 033

     33C C33

     66C C66

     00F F00

     33F F33

     66F F66

     99F F99

     CCF FCC

     CC9 9CC

     996 699

     993 399

     990 099

     663 366

     660 066

     006 600

     336 633

     009 900

     339 933

     669 966

     99C C99

     FFC CFF

     FF9 9FF

     FF6 6FF

     FF3 3FF

     FF0 0FF

     CC6 6CC

     CC3 3CC

     003 300

     00C C33

     006 633

     339 966

     66C C99

     99F FCC

     CCF FFF

     339 9FF

     99C CFF

     CCC CFF

     CC9 9FF

     996 6CC

     663 399

     330 066

     990 0CC

     CC0 0CC

     00F F33

     33F F66

     009 933

     00C C66

     33F F99

     99F FFF

     99C CCC

     006 6CC

     669 9CC

     999 9FF

     999 9CC

     993 3FF

     660 0CC

     660 099

     CC3 3FF

     CC0 0FF

     00F F66

     66F F99

     33C C66

     009 966

     66F FFF

     66C CCC

     669 999

     003 366

     336 699

     666 6FF

     666 6CC

     666 699

     330 099

     993 3CC

     CC6 6FF

     990 0FF

     00F F99

     66F FCC

     33C C99

     33F FFF

     33C CCC

     339 999

     336 666

     006 699

     003 399

     333 3FF

     333 3CC

     333 399

     333 366

     663 3CC

     996 6FF

     660 0FF

     00F FCC

     33F FCC

     00F FFF

     00C CCC

     009 999

     006 666

     003 333

     339 9CC

     336 6CC

     000 0FF

     000 0CC

     000 099

     000 066

     000 033

     663 3FF

     330 0FF

     00C C99

     009 9CC

     33C CFF

     66C CFF

     669 9FF

     336 6FF

     003 3CC

     330 0CC

     00C CFF

     009 9FF

     006 6FF

     003 3FF

     Pentru simplitate, în HTML sunt definite 16 culori standard, care, împreună cu codurile lor hexazecimale, sunt enumerate mai jos.

     negru = "#000000"	verde = "#008000"
     argintiu = "#C0C0C0"	tei = "#00FF00"
     gri = "#808080"	măsline = "#808000"
     alb = "#FFFFFF"	galben = "#FFFF00"
     maro = "#800000"	navy="#000080"
     roșu = "#FF0000"	albastru = "#0000FF"
     violet = "#800080"	teal = "#008080"
     fucsia = "#FF00FF"	aqua = "#00FFFF"

     Vlad Merjevici

     Metaetichetele sunt folosite pentru a stoca informații destinate browserelor și motoarelor de căutare. De exemplu, motoarele de căutare se referă la metaetichete pentru a prelua descrieri ale site-urilor, cuvinte cheie și alte date.

     Meta-etichete pentru motoarele de căutare

     Există o opinie în rândul dezvoltatorilor de site-uri web potrivit căreia metaetichetele scrise corect vă permit să vă ridicați în primele linii ale motoarelor de căutare. De fapt, acesta nu este cazul, nu vă veți ridica sus pe unele meta-etichete, dar conținutul executat fără succes al meta-etichetelor poate înrăutăți ratingul site-ului.

     Două meta-etichete sunt concepute special pentru motoarele de căutare: descriere (descriere) și cuvinte cheie (cuvinte cheie). Unii webmasteri au adăugat cuvinte cheie la secțiunea de cuvinte cheie care nu au nimic de-a face cu subiectul site-ului, dar s-au bucurat de un oarecare succes în rândul vizitatorilor motoarelor de căutare. Cu toate acestea, după ceva timp, motoarele de căutare au învățat să facă față acestui fenomen și să verifice conținutul paginii web pentru conformitatea cu cuvintele cheie declarate.

     Câteva principii legate de metaetichete:

     • nu includeți cuvinte cheie care nu sunt conținute în paginile dvs.;
     • nu repeta cuvintele cheie;
     • utilizați metaetichete în scopul propus;
     • faceți descrierea și lista de cuvinte cheie diferite pentru fiecare pagină a site-ului, ținând cont de conținut.

     Descriere

     Majoritatea motoarelor de căutare afișează conținutul câmpului de descriere (exemplul 1) atunci când afișează rezultatele căutării. Dacă această etichetă nu este pe pagină, atunci motorul de căutare va enumera pur și simplu primele apariții ale cuvintelor de pe pagină, care, de regulă, se dovedesc a nu fi foarte relevante.

     Exemplul 1: Utilizarea descrierii

     Cuvinte cheie

     Această metaetichetă a fost menită să descrie cuvintele cheie găsite pe pagină (exemplul 2). Dar, ca urmare a acțiunilor oamenilor care doresc să intre în primele linii ale motoarelor de căutare prin orice mijloace, acum este discreditat. Prin urmare, multe motoare de căutare omit acest parametru.

     Exemplul 2: Utilizarea cuvintelor cheie

     Cuvintele cheie pot fi enumerate separate prin spații sau virgule. Motoarele de căutare înșiși vor aduce înregistrarea în forma pe care o folosesc.

     Încărcare automată a paginilor

     Pentru a încărca automat un document nou după o anumită perioadă de timp, utilizați instrucțiunea http-equiv="refresh" (exemplul 3).

     . Pentru sistemul de operare Windows și chirilic, setul de caractere ia de obicei valoarea utf-8 sau windows-1251 (exemplul 4).

     Exemplul 4. Selectarea codificării curente

     chirilic

     Dacă nu este specificată nicio codificare, browserul încearcă să determine ce tip de caractere este folosit în document și selectează automat codificarea necesară. Browserul nu poate recunoaște întotdeauna cu acuratețe limba unei pagini web și, în unele cazuri, sugerează codarea vietnameză în loc de chirilic. Din acest motiv, este mai bine să specificați întotdeauna linia dată. Cu toate acestea, există circumstanțe în care specificarea unei codificări poate face un anumit rău. De exemplu, un server web utilizează automat codificarea datelor KOI-8, iar un browser care întâlnește parametrul charset=windows-1251 convertește textul în codificare Windows. Se dovedește o dublă schimbare de caractere, nu este ușor de citit un astfel de text. Din fericire, această problemă este deja de domeniul trecutului, în orice caz, poate fi ușor identificată și neutralizată la nivel de server.

     Un agent de marketing trebuie să cunoască limbajul de marcare HyperText, adică HTML? Acest limbaj este vorbit de designerii de layout și, pe lângă browsere, alți programatori și dezvoltatori îl pot înțelege într-o oarecare măsură. Și, deși cunoștințele de HTML nu afectează în mod direct nivelul vânzărilor, cu toate acestea, capacitatea de a naviga elementele de bază ale acestui limbaj nu va fi de prisos nici măcar pentru un marketer.

     Și primul lucru de făcut este să renunțați la scepticismul asociat cu ideea că nu puteți stăpâni nici măcar elementele de bază ale HTML - nu vă faceți griji, astfel de îndoieli se îngrămădesc în mintea mai multor oameni. Și, deși s-ar putea să nu fie nevoit să intersectați în mod constant cu aceste probleme ca parte a sarcinilor dvs. de muncă sau să lucrați în LPgenerator, vă sugerăm totuși să vă familiarizați cu principiile de bază ale acestui limbaj. Cel puțin, nu poți doar să te împrietenești cu HTML, ci și să devii mai aproape de acei oameni din compania/echipa ta pentru care acest limbaj este nativ :)

     Ce este HTML?

     După cum am menționat deja, HTML este un limbaj de marcare hipertext, cu ajutorul căruia colegii noștri designeri de layout creează direct structura paginilor web (una dintre varietățile cărora sunt paginile de destinație) și e-mail-urilor.

     Dacă explicăm esența acestui concept în imagini simple și vizuale, atunci putem spune că HTML este corpul, iar CSS (Cascading Style Sheets - cascading style sheets) este hainele. În timp ce CSS definește aspectul unei pagini web, HTML își formează structura (scheletul) prin titluri, liste și alte elemente similare, începând de la începutul paginii - antetul, și până la sfârșitul acesteia - subsolul.

     Nu fără motiv se mai spune că HTML este un limbaj marcaj: exact etichete sau cum sunt numite și etichete (etichete), închise între paranteze unghiulare, formează acelea elemente, care alcătuiesc codul HTML. În cea mai mare parte, elementele acestui limbaj au o etichetă de deschidere și de închidere. Utilizarea corectă (validă) a acestuia din urmă determină nu numai caracterul adecvat al structurii paginii web, ci și corectitudinea afișării acesteia de către browserele de internet.

     Concepte funcționale de bază ale HTML

     După cum se arată în codul HTML de mai jos, începe întotdeauna cu. Pentru browser, aspectul acestui element indică faptul că ar trebui să redea structura HTML:

     Antetul va fi plasat aici

     Și aici este primul paragraf.

     Versiunea mică prezentată a unui cod HTML simplu conține mai multe elemente, constând, la rândul lor, din etichete precum:

     • - o etichetă de deschidere și de închidere care indică începutul și sfârșitul părții din pagină care va conține conținutul acesteia. Această etichetă este tradusă în rusă prin cuvântul „corp”;

     • - din nou, eticheta de deschidere și de închidere, indicând începutul și sfârșitul titlului. Pot exista 6 astfel de etichete în total și diferă în dimensiunea fontului - cu cât ordinea numerică a titlului este mai mare, cu atât literele mai mici vor fi afișate. Împreună cu eticheta

       ,

       formează structura conținutului în sine: în special, etichetele definesc începutul și sfârșitul paragrafelor de text.

     Astfel, unul câte unul, se formează diferite elemente, care ulterior vor fi prezentate pe pagina de destinație. După cum probabil ați înțeles deja, pentru a indica închiderea unei anumite etichete, se obișnuiește în HTML să se pună o bară oblică „/”.

     Pentru a consolida abilitățile nou dobândite, mai puteți adăuga câteva rânduri de cod. Înainte de aceasta, am funcționat în cadrul „corpului” conținutului, pentru care eticheta este responsabilă , dar până acum acesta este chiar corpul pe care îl avem fără „cap”. Puteți remedia această neînțelegere enervantă adăugând următoarele rânduri:

     Acesta va fi titlul întregii pagini.

     Va fi un titlu scris cu cel mai mare font

     Și aceasta este o îmbunătățire, parțial îndrăzneţ paragraf.

     Va fi și un titlu, dar nu la fel de vizibil ca precedentul - va fi realizat într-un font mai mic

     Încă un paragraf pentru completitudine.

     De fapt, al doilea fragment de cod HTML de mai sus este o versiune extinsă a primului:

     • a apărut titlu titlul paginii, care este plasat între etichete , care, la rândul lor, formează antetul, și nu partea de conținut a paginii, deoarece sunt plasate în interiorul etichetei , dar nu ;
     • există un alt titlu de ordin inferior (va fi mai puțin vizibil), care va fi plasat în interior
       ;
     • o parte a textului din primul paragraf va fi transformată: fraza cuprinsă în etichetă (tradus în rusă ca „puternic”), va fi evidențiat îndrăzneţ.

     Acesta este modul în care codul se construiește destul de repede, interpretând ceea ce browserul de Internet înțelege ceea ce designerul și marketerul doresc să obțină din el.

     HTML nu este la fel de înfricoșător pe cât este desenat, nu?

     Este clar că există destul de multe alte etichete, datorită cărora sunt setați parametri suplimentari ai structurii paginii web. Cu toate acestea, chiar și o astfel de scurtă prezentare generală va fi suficientă pentru a nu vă încurca dacă trebuie să faceți față nevoii de a aprofunda codul.

     Există multe resurse online de înaltă calitate dedicate subiectului HTML și CSS. Vorbind în limbajul marketerilor, putem spune că această nișă este destul de bine dezvoltată și, dacă doriți, vă puteți crește cunoștințele în acest domeniu, găsind o resursă potrivită, inclusiv în partea de limbă rusă a Web-ului.

     Expresia mântuită că cunoașterea este putere nu își pierde relevanța, dar versiunea sa rafinată " aplicarea cunoașterea este putere” poate aduce mai multe oportunități și dividende financiare. Și cine știe, poate că o înțelegere mai profundă a modului în care funcționează pagina dvs. de destinație la nivel HTML vă va ajuta să utilizați mai pe deplin tehnicile existente sau chiar să introduceți câteva tehnici noi care pot ajuta la creșterea vânzărilor.

     Dacă, totuși, încă nu aveți dorința sau timpul - suntem cu toții oameni ocupați - să vă aprofundați în HTML, există întotdeauna posibilitatea de a-l folosi pentru a crea o pagină de destinație de calitate.

     De asemenea, la dispozitia dumneavoastra este si departamentul de layout al companiei noastre ( [email protected] site) care vă va îndeplini cu plăcere oricare dintre capriciile în cadrul platformei: glisoare, ferestre pop-up, formulare complexe de clienți potențiali, galerii etc. Totul este posibil în editorul nostru!

     Conversii mari pentru tine!

     Igor Kizin,

     șef departament layout LPgenerator

     HTML este un limbaj de marcare hipertext. Se bazează pe așa-numitele etichete. Etichetele sunt elemente wrapper care definesc formatul și proprietățile elementelor paginii web. Pe o singură pagină, am creat o referință actualizată a etichetei HTML pentru dvs.

     În total, există mai mult de o sută de elemente de marcare. Fiecare are un număr de atribute și propria sa sintaxă. Referința etichetei HTML vă va ajuta să găsiți rapid elementul de care aveți nevoie.

     Lista etichetelor HTML

     Tabelul de mai jos prezintă o listă de etichete HTML5 cu o scurtă descriere în limba rusă.

     Etichetă	Scurta descriere
     	Un comentariu.
     	Specifică tipul documentului.
     	Link, hyperlink, ancora.
     	Definește textul ca o abreviere.
     	Informații de contact pentru autorul sau proprietarul documentului.
     	Definește o zonă pe o hartă imagine
     	Articol
     	Conținut deoparte (conținutul nu este conținutul principal al paginii în ceea ce privește semnificația)
     	Vă permite să introduceți un fișier audio care poate fi redat.
     	Text îngroșat.
     	Specifică adresa URL de bază sau atributul țintă pentru legăturile relative dintr-un document.
     	O zonă în care scrierea textului poate avea o direcție diferită.
     	Setează direcția de scriere a textului. Spre deosebire de direcția indică direcția fizică
     	Citat.
     	Specifică zona corpului documentului.
     	Rupere de linie.
     	butonul pe care se poate face clic
     	Folosit pentru a desena grafice folosind scripturi
     Legenda tabelului.
     	Notă de subsol la numele materialului.
     	Folosit pentru a introduce codul computerului sub formă de text.
     Setează caracteristicile coloanelor din tabel.
     Specifică un grup de una sau mai multe coloane de tabel de format.
     	Folosit pentru a defini opțiuni predefinite din care să alegeți atunci când introduceți un câmp de text
     	Definește descrierea termenului din etichetă în lista de termeni
     	Text care este eliminat în noua versiune a documentului.
     	Specifică informații suplimentare pe care utilizatorul le poate vizualiza sau ascunde
     	Indică faptul că conținutul este un termen.
     	Specifică o casetă de dialog sau un element interactiv
     	Elementul bloc este unul dintre elementele principale de aspect.
     	Definește o listă de definiții
     	Denumirea termenului din lista de definiții
     	text semnificativ (de obicei text cu caractere cursive).
     	Recipient pentru aplicare externă
     	Un grup de elemente înrudite într-o formă
     	Îndreptându-se spre element
     	Definește un grup independent de mai multe elemente (de exemplu, o imagine cu o legendă)
     	subsol
     	Specifică forma de intrare de utilizator
     -	Anteturi HTML la diferite niveluri: , , , , , .
     	Specifică regiunea de cap a documentului.
     	Bloc de antet
     	Linia orizontală este un separator tematic.
     	element rădăcină. Spune browserului că acest document este un document HTML.
     	Textul cu caractere italice.