CalculatoareProgramare

HTML-tag-uri pentru text: aliniere, dimensiunea, fontul

S - ar părea, ce să știe HTML-tag-uri pentru text, în cazul în care acesta este în aproape orice admin are la îndemână editor vizual, pe care le pune în mod automat?

Faptul că formatarea conținutului de pe site-ul este destul de diferit de la locul de muncă în aplicații de birou. Nu este suficient doar pentru a da textului un aspect atractiv, din cauza înregistrării corecte depinde nu numai de a afișa o pagină web, dar, de asemenea, promovarea în motoarele de căutare.

HTML-tag-uri și atribute: sintaxă de bază

Orice text are un cod ascuns care „explica“ calculatorul ce și modul în care doriți să fie afișate pe ecran. Toate informațiile sunt înregistrate cu un set de elemente universale.

De fapt, HTML-tag-uri pentru text - această echipă, care se adaugă la blocuri de pagini definite sau pentru a schimba aspectul lor. Formatul de înregistrare corectă este după cum urmează:

Vă rugăm să rețineți că nu toate etichetele sunt asociate. De exemplu,
(linia pass) sau


(linia orizontală plus) nu trebuie să fie închise deloc.

De ce nu pot copia articole din Word și alte programe în editorul site-ului

Deși programele de birouri moderne folosesc aceleași HTML-tag-uri pentru text, 99% din codul nativ nu este potrivit pentru paginile Web. Chiar dacă în documentul de aplicare este afișat în mod normal, atunci când introduceți site-ul poate pierde formatarea. În plus, datorită numărului mare de tag-uri suplimentare, și motoarele de căutare nu poate analiza în mod adecvat conținutul atributelor de pagină. Aceasta, la rândul său, face dificilă pentru a promova site-ul.

Pentru a obține un cod curat și relevant, trebuie mai întâi să ștergeți textul din HTML-tag-uri create în editorul de obicei. Există mai multe modalități de a face acest lucru:

  1. „Scapă de“ articol, prin „Notepad“ și numai apoi introduceți site-ul. Aplicația șterge toate HTML, astfel încât atunci trebuie să re-formata textul (folosind editorul sau scule de mână).
  2. Scrie și să publice articole prin LiveWriter. Cunoscutul editor pe blog-ul generează imediat codul corect. Și într-o filă separată, puteți vedea modul în care textul va arata pe site-ul web.
  3. Utilizați HTML Cleaner. Acest serviciu online nu distruge toate codul ca întreg, ci doar fragmente suplimentare. Cu ajutorul filtrelor, alegeți ce etichete magazin. Există, de asemenea, un editor WYSIWYG puternic la format, care se adauga la comenzile de cod deja optimizate.

Verificați întotdeauna HTML înainte de a publica un nou post. În ea nu trebuie să existe, altele decât cele pe care le considerăm acum tag-uri.

alineatele

Acest element este prezent în aproape toate articolele. Fiecare paragraf trebuie să fie plasate într-un astfel de container - aceasta simplifică formatarea și vă permite să păstrați un stil consistent pe tot parcursul site-ului. Pentru comoditate,

tag-ul este întotdeauna scris cu o nouă linie.

aliniere

Separate HTML-tag-ul "Aliniere text" nu mai este utilizat. În schimb, a fost creat atributul ALIGN universal. Pentru a repoziționa caseta de text pe pagină, trebuie să selectați una din cele 3 valori - CENTER, dreapta sau la stânga. În mod similar, puteți specifica alinierea celorlalte elemente - cum ar fi antetele.

În unele situații, pentru alinierea folosi alte tag-uri HTML. centrat text, de exemplu, pot fi aranjate cu ajutorul elementului

... . Convenabil tag-ul separat? Spre deosebire de atributul, funcționează cu orice conținut, inclusiv fotografii, video, flash, și așa mai departe. D.

Titluri și subtitluri

subtitrari Sistemul vă permite să creați o structură logică a conținutului. În cazul în care textul este împărțit în unități semantice, cititorul este mult mai ușor să se concentreze și să învețe noi informații. Motoarele de căutare a analizat, de asemenea, titlurile pentru a vedea ce interogări promovează pagina. Acesta este motivul pentru SEO experți recomandă pentru utilizarea în cheile lor tematice.

În HTML utilizează șase subtitluri nivelurile - de la

la

. În acest sistem, există o ierarhie clară:

  • ... . Titlul principal (titlul articolului, mărfurile în magazin on-line, și așa mai departe. D.). În textul nu poate fi decât un singur

    . De obicei, acesta conține principalele cuvinte cheie.

  • ... . Subtitrare al doilea text pauză nivel în unități semnificative. De exemplu, dacă ați fost de rating laptop-uri, puteți face câteva

    cu numele diferitelor modele.

  • ... . Este nevoie de al treilea nivel, dacă textul între

    De asemenea, este împărțit în blocuri mici. În exemplul nostru, acest lucru poate fi criteriile de evaluare - „Performanță“, „Memoria“, „Video“, și așa mai departe pentru fiecare model de ...

  • ,

    ,
    . În practică, foarte rare. Dar principiul general este același - acestea trebuie să fie „încorporat“ în unitatea cu cel mai înalt nivel al subtitrării.

Ferește-te pentru păstrarea ierarhiei corecte. Revenind la exemplul nostru, acest lucru înseamnă că nu puteți intra imediat model de nume, cum ar fi

sau

. Și mai mult să folosească omogenă, în sensul subtitrărilor blocuri de diferite niveluri (de exemplu, evidențiați un laptop, pe ultimul loc în rating, folosind
).

Dar schema, care va înțelege instantaneu și amintiți-vă structura corectă a antete în HTML.

liste

Orice transfer și mai bune instrucțiuni emise în formă de liste, folosind un HTML special-tag-uri pentru text (o greșeală comună - doar câteva paragrafe ale

, care începe cu o cratimă sau o cifră).

Structura acestor blocuri este foarte simplu. La început, vom defini tipul de listă - buline

    ... sau numerotată
      ... .

      Toate elementele sunt situate între deschidere și închidere tag-uri. Fiecare element din listă începe cu o linie nouă și are formatul

    1. ... . Numărul de elemente nu este limitat.

      Selecția fontului: și atributele sale

      Ce poate fi modificat cu ajutorul HTML-tag-ul? Dimensiunea textului, fontul și culoarea sa - și fără adăugarea de noi clase în CSS. Acest lucru este foarte util atunci când trebuie să selectați doar o singură propoziție sau fragment.

      are mai multe atribute:

      • Face. Acesta vă permite să schimbați fontul textului. Puteți lista mai multe opțiuni, separate prin virgulă (Tahoma, Verdana). Cu excepția cazului în primul font utilizator, sistemul utilizează o alternativă simplă.
      • Dimensiune. Pentru a mări sau micșora textul, introduceți o valoare menționată de 1 până la 7.
      • Culoare. În funcție de proiectare, puteți alege una dintre culorile standard (roșu, verde, albastru) sau introduceți codul de orice culoare de a alege.

      Nu utilizați paragrafe care sunt formatate folosind , în loc de subtitrări. Este mai bine să solicite aceiași parametri de proiectare tag-ul corect.

      Metode pentru selectarea textului

      obositoare textul Monotonia, chiar defalcate în paragrafe. punctele cheie se recomandă să se aloce grafic pentru a atrage atenția și se amestecă interesul cititorului. Iată câteva echipe care vor face față cu această sarcină.

      ... . Extrem de popular HTML-tag. Text aldin capturile ochi, ci pentru că cu ea este convenabil să se distingă importante punctele de discuție și fapte.

      Multi oameni confunda tag-uri și . Vizual nu există nici o diferență, dar ele lucrează în diferite moduri. Primul pur și simplu își schimbă aspectul textului, iar celălalt servește ca un „indicator“ și scoate în evidență cele mai importante părți (cuvinte cheie și fraze tematice pentru SEO).

      ... . Desigur, elegant și riguroasă este ideal pentru proiectarea de termeni științifici, cuvinte străine și diverse referințe bibliografice. În publicațiile serioase italice de presă, de asemenea, numele de opere de artă.

      ... . Poate controverse atât de mult, nu a provocat nici HTML-tag. Sublinierea Textul este rar folosit, deoarece această metodă de alocare istoric înrădăcinat pentru hyperlink-uri. Dacă utilizați în articole, vă rugăm să rețineți că acest lucru este adecvat numai pentru piese scurte - nu mai mult de 1 linie.

      ... . Interesant tag - ul care vă permite să faceți parte din textul barată. Foarte relevant în publicitate - de exemplu, pentru a sublinia contrastul dintre prețurile vechi și noi.

      ... . Cel mai simplu mod de a mări dimensiunea fontului fără setări suplimentare.

      ... . Acesta funcționează pe același principiu ca și tag-ul anterior. Text dispus în interiorul, redus în raport cu solul.

      ... . Numele corect pentru acest format - SuperScript. Practic, această etichetă este proiectat pentru grade de matematică și note de subsol. Acesta reduce dimensiunea fontului și mută textul selectat în sus.

      ... . Subscriptului este adesea găsit într-o varietate de formule. Fragmentul izolat este localizat sub textul principal.

      containere semantice

      Deoarece unele blocuri se găsesc în multe texte, pentru că ei au început să creeze etichete speciale. Acest lucru simplifică formatarea, deoarece în cazul în care fiecare tip de conținut are propriul set de stiluri, aloca bucată suficient de text și indică informațiile pe care le conține.

      ... . Tag pentru codurile de calculator. Indispensabil în articolele de programare exemple - comenzi nu sunt executate și afișate ca text simplu.

      ... . Conceput pentru a procesa citate - de exemplu, fragmentele cheie din interviu.

      ... . Aceasta face parte din text într-un bloc separat. În mod implicit, selecția este indentat pe stânga, dar în CSS puteți schimba, de asemenea, dimensiunea, stilul și culoarea caracterelor textului.

      ... . Eticheta opțională care conține informații despre autor, inclusiv un link.

      Linia de divizare

      Cu caracteristici simple, puteți desemna sfârșitul logic al unei secțiuni mari.


      nu o pereche etichete. Acest lucru înseamnă că, de închidere nu au nevoie de un element de format.

      C folosind atributul WIDTH poate fi mai scurtă decât separatorul prin setarea dimensiunea corespunzătoare în pixeli sau procente din lățimea ferestrei.

      Pentru a învăța să utilizați etichete pentru a formata textul în HTML, nu numai că va face articole mai ușor de citit, dar, de asemenea, îmbunătăți eficiența SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ro.atomiyme.com. Theme powered by WordPress.