Kompjutera, Programimi
HTML-tags për tekstin: shtrirjes, madhësia, font
Ajo do të duket, çfarë duhet të dini HTML-tags për tekstin, në qoftë se ajo është në pothuajse çdo admin ka një dobishëm editor vizual, e cila i vë ata automatikisht?
Fakti se formatimin e përmbajtjes në faqen e internetit është mjaft e ndryshme nga puna në aplikacionet zyrës. Nuk është e mjaftueshme vetëm për të dhënë tekstit një pamje tërheqëse, për shkak të regjistrimit të saktë varet jo vetëm shfaqin një faqe web, por edhe promovimin e saj në motorët e kërkimit.
HTML-tags dhe atributet: sintaksë themelore
Çdo tekst ka një kod të fshehtë se "shpjegon" kompjuterin çfarë dhe si ju dëshironi për të shfaqur në ekran. Të gjitha informatat është regjistruar me një grup të elementeve universale.
Në fakt, HTML-tags për tekst - ky ekip, që të shtoni në faqen e përcaktuar blloqe ose të ndryshojnë pamjen e tyre. format saktë regjistrimi është si vijon:
Ju lutem vini re se jo të gjitha tags janë të çiftëzohet. Për shembull,
(linja pass) ose
(vija horizontale shtesë) nuk ka nevojë të jenë të mbyllura në të gjitha.
Pse nuk mund të kopjoni artikujt nga Word dhe programet e tjera në redaktorin e faqes
Edhe pse programet zyre moderne përdorin të njëjtat HTML-tags për tekstin, 99% e kodit amtare nuk është i përshtatshëm për faqet Web. Edhe në qoftë se në dokumentin e aplikimit shfaqet normalisht, kur ju futur në vend mund të humbasin formatimin. Përveç kësaj, për shkak të numrit të madh të tags shtesë, dhe motorët e kërkimit nuk mund të analizuar në mënyrë adekuate përmbajtjen e faqes atributet. Kjo, nga ana tjetër, e bën të vështirë për të promovuar faqen tuaj.
Për të marrë një kod të pastër dhe të rëndësishme, ju së pari duhet për të pastruar tekstin nga HTML-tags krijuara në redaktorin zakonshme. Ka disa mënyra për ta bërë këtë:
- "Get shpëtoj e" artikullit nëpërmjet "Notepad" dhe vetëm pastaj të futur vendin. Aplikimi fshin të gjitha HTML, në mënyrë që më pas duhet të ri-formatuar tekstin (duke përdorur mjete redaktor ose dore).
- Shkruaj dhe të botojë artikuj nëpërmjet LiveWriter. blog editor popullor menjëherë gjeneron kodin e saktë. Dhe në një skedë të veçantë, ju mund të shihni se teksti do të duket në faqen e internetit.
- Përdorni HTML Cleaner. Ky shërbim online nuk të shkatërrojë të gjithë të kodit si një e tërë, por vetëm fragmente të shtesë. Me filtra, ju zgjidhni që etiketon për të ruajtur. Ekziston edhe një editor WYSIWYG fuqishme në formatin, i cili shton komandat tashmë optimizuar kodit.
Gjithmonë kontrolloni HTML para se të botojë një post të ri. Në të nuk duhet të ketë tags të ndryshme nga ato të cilat ne tani e konsiderojnë.
paragrafët
Ky element është i pranishëm pothuajse në të gjitha nenet. Çdo paragraf duhet të vendosen në një enë të tillë - kjo thjeshton formatimin dhe ju lejon të mbani një stil të qëndrueshme në të gjithë vendin. Për lehtësi,
tag është gjithmonë i shkruar me një linjë të re.
radhitje
Veçantë HTML-tag "Alignment Text" është përdorur më. Vend të kësaj, ALIGN universal atribut është krijuar. Për të ripozicionuar kutinë e tekstit në faqe, ju duhet të zgjidhni një nga 3 vlerave - CENTER, djathtas ose majtas. Në mënyrë të ngjashme, ju mund të specifikoni drejtimin e elementet e tjera - të tilla si headers.
Në disa situata, për harmonizimin të përdorni tags HTML të tjera. Teksti në qendër, për shembull, mund të organizohet me ndihmën e elementit
Titujt dhe nëntitujt
titra Sistemi ju lejon të krijoni një strukturë logjike të përmbajtjes. Kur teksti është i ndarë në njësi semantike, lexuesi është shumë më e lehtë për t'u përqëndruar dhe të mësojnë informata të reja. Search Engines analizuar edhe titujt për të parë se cilat pyetje të promovuar faqen. Kjo është arsyeja pse ekspertët SEO rekomandojnë për përdorim në çelësat e tyre tematike.
Në HTML përdor gjashtë nivele titra - nga
në . Në këtë sistem, ekziston një hierarki e qartë:
-
... H1>
. Titulli kryesor (titulli i shkrimit, mallrave në dyqan online, dhe kështu me radhë. D.). Në tekst nuk mund të jetë vetëm një . Zakonisht, ajo përmban fjalë kyçe kryesore.
-
... H2>
. Titra dytë tekstin e nivelit të thyer në njësitë kuptimplotë. Për shembull, në qoftë se ju jeni rating laptopë, ju mund të bëni një pakice me emrat e modeleve të ndryshme.
-
... H3>
. Niveli i tretë është i nevojshëm në qoftë se teksti në mes të është e ndarë edhe në blloqe të vogla. Në shembullin tonë, kjo mund të jetë kriteret e vlerësimit - "Performance", "Memory", "Video", dhe kështu me radhë për çdo model ...
-
, ,
. Në praktikë, shumë të rralla. Por parimi i përgjithshëm është i njëjtë - ata duhet të jetë "ngulitur" në njësinë me nivelin më të lartë të nëntitull.
-
... H1>
. Titulli kryesor (titulli i shkrimit, mallrave në dyqan online, dhe kështu me radhë. D.). Në tekst nuk mund të jetë vetëm një. Zakonisht, ajo përmban fjalë kyçe kryesore.
-
... H2>
. Titra dytë tekstin e nivelit të thyer në njësitë kuptimplotë. Për shembull, në qoftë se ju jeni rating laptopë, ju mund të bëni një pakiceme emrat e modeleve të ndryshme.
-
... H3>
. Niveli i tretë është i nevojshëm në qoftë se teksti në mes tëështë e ndarë edhe në blloqe të vogla. Në shembullin tonë, kjo mund të jetë kriteret e vlerësimit - "Performance", "Memory", "Video", dhe kështu me radhë për çdo model ...
-
,
,
. Në praktikë, shumë të rralla. Por parimi i përgjithshëm është i njëjtë - ata duhet të jetë "ngulitur" në njësinë me nivelin më të lartë të nëntitull.
Watch për ruajtjen e hierarkisë saktë. Pas kthimit në shembullin tonë, kjo do të thotë që ju nuk mund të hyjë menjëherë emrat e modelit si
ose . Dhe për më tepër për të përdorur homogjene në kuptimin e nëntitujve blloqeve të niveleve të ndryshme (për shembull, nxjerrë në pah një laptop, renditet e fundit në vlerësim, duke përdorur ).
).
Por skema, të cilat menjëherë do të kuptoni dhe mos harroni strukturën e saktë të headers në HTML.
listat
Çdo udhëzimet e transferimit dhe më të mirë të nxjerra në formën e listave, duke përdorur një të veçantë HTML-tags për tekst (një gabim i përbashkët - vetëm disa paragrafëve të
, të cilat fillojnë me një vizë ndarëse ose numër).
Struktura e blloqeve të tilla është shumë e thjeshtë. Së pari, ne të përcaktojë llojin e listës - bulleted
- ... UL> ose të numëruara
- ... li>. Numri i elementeve nuk është i kufizuar.
Zgjedhja Font: dhe atributet e tij
Çfarë mund të ndryshohet duke përdorur HTML-tag? Madhësia e tekstit, font saj dhe ngjyra - dhe pa shtimin e klasave të reja në CSS. Kjo është shumë i dobishëm kur ju duhet të zgjidhni vetëm një fjali apo fragment.
ka disa atribute:
- Face. Kjo ju lejon të ndryshoni font e tekstit. Ju mund lista mundësi të shumta, të ndara me presje (Tahoma, Verdana). Nëse përdoruesi font parë, sistemi përdor një alternativë të thjeshtë.
- Size. Për të rritur ose ulur tekstin, të hyjë në një vlerë të cituar prej 1 deri në 7.
- Color. Në varësi të projektimit, ju mund të zgjidhni një nga ngjyrat standarde (e kuqe, jeshile, blu) ose shkruani kodin e çdo ngjyrë për të zgjedhur nga.
Mos përdorni paragrafë që janë të formatuar duke përdorur , në vend të titra. Është më mirë për të kërkuar të njëjtat parametra design tag saktë.
Metodat për zgjedhjen e tekstit
mundimshëm monoton text, thyer edhe poshtë në paragrafët. pikat kryesore është e rekomanduar që të ndajë grafikisht për të tërhequr vëmendjen dhe llokoçis interes në lexuesit. Këtu janë disa ekipe që do të përballen me këtë detyrë.
... b> . Jashtëzakonisht popullor HTML-tag. Teksti Bold bie në sy, por për shkak se me të është i përshtatshëm për të dalluar pikat e rëndësishme duke folur dhe fakte.
Shumë njerëz ngatërrojnë etiketa dhe . Vizualisht nuk ka asnjë ndryshim, por ata punojnë në mënyra të ndryshme. E para thjesht ndryshon pamjen e tekstit, dhe të tjera shërben si një "tregues" dhe nxjerr në pah pjesët më të rëndësishme (fjalë kyçe tematike dhe frazat për SEO).
... I> . Sigurisht elegante dhe rigoroz është ideale për hartimin e termave shkencore, fjalë të huaja dhe citate të ndryshme. Në botimet serioze italic gjithashtu lirimin emrat e veprave të artit.
... U> . Ndoshta aq shumë polemika nuk ka shkaktuar asnjë HTML-tag. Nënvizo Text është përdorur shumë rrallë, pasi kjo metodë ndarja ngulitur historikisht për hyperlinks. Në qoftë se ju përdorni në nenet, ju lutem vini re se kjo është vetëm e përshtatshme për copa të shkurtër - jo më shumë se 1 linjë.
... S>. tag interesante që ju lejon të bëni disa nga Teksti gërmave. Shumë të rëndësishme në reklama - për shembull, për të theksuar kontrastin midis çmimet e vjetra dhe të reja.... BIG> . Mënyra më e lehtë për të rritur madhësinë e shkronjave pa asnjë settings shtesë.
... small> . Ajo punon në të njëjtin parim si tag mëparshëm. Tekst predispozuar brenda, reduktuar në lidhje me toka.... SUP> . Emri i saktë për këtë format - e indeks i sipërm. Në thelb, ky tag është projektuar për gradë dhe fusnota matematikës. Ajo redukton madhësinë e shkronjave dhe ndërrime të përzgjedhur tekst up.
... SUB> . Kaloje është gjetur shpesh në një shumëllojshmëri të formulave. Fragmenti i izoluar është e vendosur nën tekstin kryesor.
kontejnerët semantike
Si disa blloqe janë gjetur në shumë tekste, sepse ata filluan për të krijuar etiketa të veçanta. Kjo thjeshton formatimit, sepse në qoftë se çdo lloj përmbajtje ka vendosur vet të stileve, të ndajë pjesë të mjaftueshme të tekstit dhe të tregojnë se çfarë informacioni që përmban.
... code>. Tag për kodet kompjuterike. Domosdoshme në nenet Programimit shembuj - komandat nuk ekzekutohen dhe shfaqet si tekst i thjeshtë.... CITE> . Projektuar për të përpunuar kuotat - për shembull, fragmente kryesore nga intervista.
... blockquote>
. Kjo e bën pjesë të tekstit në një bllok të veçantë. By default, zgjedhja është e prerë në të majtë, por në CSS ju gjithashtu mund të ndryshojë madhësinë, stilin typeface dhe ngjyrën e tekstit.... ADRESA> . tag fakultative që përmban informacion në lidhje me autorin, duke përfshirë një lidhje.Vija ndarëse
Me karakteristika të thjeshta, ju mund të caktojë fundin logjik të një pjesë të madhe. tags
jo një palë. Kjo do të thotë se mbyllja ...> nuk kanë nevojë për një artikull format.C duke përdorur atribut width mund të bëhet më e shkurtër se ndarës duke vendosur madhësinë e duhur në pixel ose përqindje të gjerësisë dritare.
Për të mësuar të përdorin tags për format tekst në HTML, ju jo vetëm që do të bëjë artikujt tuaj më të lehtë për të lexuar, por edhe për të përmirësuar efikasitetin e SEO.
- ... ol>.
Të gjitha elementet janë të vendosura në mes të hapjes dhe mbylljes tags. Çdo artikull Lista fillon me një linjë të re dhe ka formatin
Similar articles
Trending Now