Danas ću vam pokazati kako da podebljate riječi na web stranici koristeći HTML i CSS. Ovaj dizajn se koristi kada trebate istaknuti određene informacije na stranici. I ne govorimo samo o naslovima, već i o jednostavnim riječima, frazama u tekstu. Realizira se prilično jednostavno.
Da biste označili određeni tekst podebljanim slovima, koriste se posebne HTML oznake − I . Na primjer sljedeći kod:
| Običan tekst. Thumbnail. Podebljani tekst jak. |
Običan tekst.
Thumbnail.
Podebljani tekst jak.
Izlaz daje sljedeću sliku:
Posljednje dvije opcije vizualno izgledaju isto, ali se malo razlikuju jedna od druge. Tag specificira jednostavno stilsko podebljanje riječi, dok dodaje neko semantičko "pojačano" (važno) značenje. Odnosno, posljednji red nije samo podebljani tekst, već neke važne informacije. U principu, preporučljivo je da pretraživači koriste tačno .
Također možete naići na podebljano u HTML-u sa stilovima:
Primer podebljanog teksta.
Primer teksta sa bold riječ.
Na web stranici to izgleda ovako:
Iako podebljani tekstualni kod za HTML radi ispravno, to ne bi trebalo raditi na ovaj način. Svi stilovi dizajna moraju biti smješteni u CSS datoteku. Dakle, u gornjem primjeru trebali biste imati oznake
I navedite odgovarajuću klasu, a zatim propišite njen izgled u stilu. Ovo su pravila za kodiranje. Dakle, za podebljanje u HTML-u koristite oznaku .
Podebljani tekst u CSS-u
Da biste podebljali CSS font, koristite svojstvo font-weight. Uz njegovu pomoć, ukazuje se na "zasićenost" fragmenta teksta. Vrijednosti mogu biti od 100 do 900, ali najčešće se koriste:
- podebljano (podebljano) - 700 po defaultu;
- normalno (normalno) - 400 prema zadanim postavkama.
Postoje i opcije za podebljane i svjetlije vrijednosti, koje mijenjaju font ovisno o roditelju u više ili manje podebljan.
Da biste postavili podebljani tekst u CSS-u, morate postaviti neki stil za ovaj ili onaj element, na primjer:
Običan tekst sa podebljani izbor u centru.
jak (težina fonta: bold; )
Ovdje bih želio napomenuti jednu malu nijansu o kojoj mi je rečeno - ako kreirate novu klasu za neki element, onda je preporučljivo koristiti manje-više „razumljivo ime“. Na primjer, u gornjem primjeru stil class="my-bold-font" izgleda logičnije od class="new-font", jer djelimično možete razumjeti njegovu svrhu. Ovo je plus za one koji će gledati i koristiti vaš izgled u budućnosti.
U sljedećem članku govorit ću o zanimljivim podebljanim fontovima koje sam uspio pronaći.
Jedan od najlakših načina da se istakne riječ ili fraza u tekstu je korištenje drugačijeg slova. Tako da možete podvući riječ ili frazu koristeći podebljane stranice, lako vam omogućava da istaknete riječi koristeći različite stilove - kurziv, podvučen, podebljan.
Podebljani font kao način da se istakne glavna stvar
Najživopisnije i najzanimljivije su riječi označene podebljanim slovima. Takve riječi i fraze odmah upadaju u oči. Dakle, da biste naučili kako brzo istaknuti prava mjesta u tekstu, trebali biste zapamtiti poseban HTML kod. Podebljani font se postavlja pomoću oznake pair.
Početni tag se postavlja ispred reči, fraze ili rečenice koju treba istaći. . Poslednje slovo u tekstu koje treba istaknuti je praćeno završnom oznakom.. Sve između ove dvije oznake se prikazuje podebljano u pretraživaču.
Druge opcije izbora
Dakle, otkrili smo da je moguće istaknuti tekst koristeći drugačiji stil. Odlučili smo da je najjednostavnija i ujedno efektivna upotreba podebljanog HTML-a. Sada razgovarajmo o drugim opcijama odabira.
Na primjer, možete ispisati tekst u kurzivu pomoću oznake pair , označite ga sa . Ovo su najlakši načini za isticanje teksta.
Postoje i manje poznate i korištene oznake koje se mogu koristiti za isticanje riječi i rečenica u tekstu. Dakle, da biste precrtali tekst, dovoljno je koristiti . Oznaka pair će pomoći da se tekst učini monoprostornim . Ako trebate kreirati superscript, koristite , niže - .
U ovom slučaju, kao i prije, tekst koji vam je potreban trebao bi biti između početne i završne oznake. Kao što vidite, nema ništa komplicirano, glavna stvar je zapamtiti ove kodove ili ih zapisati.
Korištenje više fontova
Ako želite da tekst učinite izražajnijim, možete koristiti više od samo podebljanog. HTML oznake vam omogućavaju da istaknete riječ koristeći više stilova u isto vrijeme. Na primjer, možete istovremeno podebljati riječ, precrtati i kurziv.
Istovremeno, morate imati na umu jednu stvar - sve oznake moraju biti zatvorene uzastopno. Na primjer, ispravan unos može biti:
- odabrani tekst.
Ako tagove zatvorite drugim redoslijedom, tekst će biti pogrešno istaknut. Primjer pogrešnog unosa:
- odabrani tekst.
U tom slučaju, pretraživač će se zbuniti i neće razumjeti šta tačno želite od njega.
Usput, ovdje se može primijetiti da se tri opcije stila - podebljano, podvučeno i kurziv - prilično lako pamte ako posjedujete prečice u Wordu. Tamo se stil postavlja pomoću istih tipki slova dok držite pritisnut Ctrl.
Kao što vidite, ne možete koristiti samo kurziv ili podebljan font. HTML označavanje olakšava isticanje riječi kao što biste to učinili u običnom Wordu.
zaključci
Za isticanje teksta naširoko se koriste ne samo različite boje i nijanse, različite veličine i vrste fonta, već i njegov stil. Štoviše, uz pomoć drugačijeg obrisa može se lijepo i lako odabrati jedan ili drugi fragment teksta.
Da biste promijenili stil fonta, trebali biste koristiti bilo koju oznaku koju poznajete. Podebljani font HTML stranice je najsjajniji i najvidljiviji, te se stoga najčešće koristi za isticanje.
27.11.14. 88.7KU html-u veličina fonta igra važnu ulogu. Omogućava vam da skrenete pažnju korisnika na važne informacije objavljene na stranici stranice. Iako nije važna samo veličina slova, već i njihova boja, debljina, pa čak i porodica.
Oznake i atributi pri radu sa html fontovima
Jezik hiperteksta ima veliki skup alata za rad sa fontovima. Uostalom, formatiranje teksta je glavni zadatak html-a.
Razlog za stvaranje HTML jezika bio je problem prikazivanja pravila oblikovanja teksta od strane pretraživača.
Razmotrite oznake koje se koriste za rad sa fontovima u html-u i njihove atribute. Glavna je oznaka . Koristeći vrijednosti njegovih atributa, možete postaviti nekoliko karakteristika fonta:
- boja - postavlja boju teksta;
- veličina – veličina slova u proizvoljnim jedinicama.
Podržana je pozitivna vrijednost atributa od 1 do 7.
- lice - koristi se za postavljanje porodice fontova teksta koji će se koristiti unutar oznake . Podržano je više vrijednosti, odvojenih zarezima.
Formatira se samo tekst koji se nalazi između dijelova uparene oznake fonta. Ostatak teksta se prikazuje u zadanom fontu.
Također u html-u postoji veliki broj uparenih oznaka koje definiraju samo jedno pravilo formatiranja. To uključuje:
- - postavlja podebljani font u html-u. Tag slično djelovanju prethodnom;
- - veličina je veća od zadane;
- - manja veličina slova;
- - kurziv tekst (kurziv). Slična oznaka ;
- — tekst sa podvlačenjem;
- precrtano;- — prikazivanje teksta samo malim slovima;
- - velikim slovima.
običan tekst
Thumbnail
Thumbnail
Više nego inače
Manje nego inače
Kurziv
Kurziv
Sa podvlačenjem
Precrtano
Mogućnosti atributa stila
Pored opisanih oznaka, postoji još nekoliko načina za promjenu fonta u html-u. Jedan od njih je korištenje atributa generičkog stila. Koristeći vrijednosti njegovih svojstava, možete postaviti stil prikaza fonta:
1) font-family - svojstvo postavlja porodicu fontova. Moguće je nabrojati više vrijednosti.
Promjena fonta u html-u na sljedeću vrijednost će se dogoditi ako prethodna porodica nije postavljena na korisnikovom operativnom sistemu.
Sintaksa pisanja:
font-family: font-name [, font-name[, ...]]
2) font-size - veličina se postavlja od 1 do 7. Ovo je jedan od glavnih načina na koji možete povećati font u html-u.
Sintaksa pisanja:
font-size: apsolutna veličina | relativna veličina | vrijednost | interes | nasljediti
Također možete postaviti veličinu fonta:
- U pikselima;
- U apsolutnom smislu ( xx-mali, x-mali, mali, srednji, veliki);
- U procentima;
- U bodovima (pt).
veličina fonta:7
veličina fonta:24px
Veličina fonta: x-large
veličina fonta: 200%
veličina fonta:24pt
3) font-style - postavlja stil fonta. sintaksa:
stil fonta: normalan | kurziv | koso | nasljediti
vrijednosti:
- normalan - normalan pravopis;
- kurziv - kurziv
- kosi - font sa nagibom udesno;
- naslijediti - nasljeđuje pravopis nadređenog elementa.
Primjer kako promijeniti font u html-u koristeći ovo svojstvo:
font-style:inherit
font-style:italic
font-style:normal
font-style: oblique
4) font-varijanta - pretvara sva velika slova u velika. sintaksa:
font-varijanta: normalna | mala slova | nasljediti
Primjer kako promijeniti font u html-u sa ovim svojstvom:
font-variant:inherit
font-variant:normal
font-variant:small-caps
5) font-weight - omogućava vam da podesite debljinu pisanja teksta (zasićenost). sintaksa:
font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900
vrijednosti:
- bold - postavlja html font na bold;
- podebljano - podebljanije u odnosu na normalno;
- lakši - manje zasićen u odnosu na normalan;
- normalan - normalan pravopis;
- 100-900 - postavlja debljinu fonta u numeričkim terminima.
font-weight:bold
font-weight:bolder
font-weight:lighter
font-weight:normal
font-weight:900
font-weight:100
svojstvo fonta i boja html fonta
Font je još jedno svojstvo kontejnera. Interno je kombinirao vrijednosti nekoliko svojstava dizajniranih za promjenu fontova. Sintaksa fonta:
font: font-size font-family | nasljediti
Takođe, fontovi koje sistem koristi u oznakama na raznim kontrolama mogu se postaviti kao vrijednost:
- natpis - za dugmad;
- ikona - za ikone;
- meni - meni;
- box-box - za dijaloške okvire;
- small-caption - za male kontrole;
- statusna traka - font statusne trake.
font:icon
font:caption
font:meni
font:message-box
mali natpis
font: statusna traka
font:italic 50px bold "Times New Roman", Times, serif
"veličina fonta" bi na kraju trebala biti odvojena). Umjesto jednog, možete staviti drugi broj, tada će se font povećati za drugačiji broj piksela.
Na kraju podebljano font stavi oznake:< / f o n t > < / b >. Prostori nisu.
Ako želite podebljani font istaknuti bojom, umetnite oznake na njegov početak, uklanjajući razmake:< b > < s p a n s t y l e = " c o l o r: b l u e " >. "Plava" - plava boja. Možete unijeti bilo koju drugu boju ako želite. Na kraju odabranog teksta umetnite oznake bez razmaka:< / s p a n > < / b >
Bilješka
Blog mora podržavati HTML kodiranje.
Izvori:
- katalog kodova za web stranice i blogove
Razmak je odštampani znak u kojem se nalaze riječi tekst odvojeni su jedno od drugog. Uobičajeno je da se između dvije riječi stavi jedan razmak. Ako ga uklonite, tekst će postati nečitljiv, međutim, napravite tekst bez njega praznine ili smanjite količinu praznine između riječi je prilično lako. Opisani princip djelovanja prikladan je za većinu uređivača teksta, razlike u njima nisu previše značajne.
Uputstvo
Da vizuelno vidite praznine tekst(umjesto razmaka između riječi), prebacite se na prikaz oznaka pasusa i drugih skrivenih znakova za formatiranje. Da biste to učinili, na kartici "Početna" kliknite na ikonu "¶" u odjeljku "Paragraf". Znakovi koji se pojavljuju nisu vidljivi kada se dokument odštampa, oni služe samo za lakše orijentaciju tekst. Znak za razmak izgleda kao tačka u sredini linije.
Postoji mnogo načina za uklanjanje svih razmaka iz teksta. Postavite kursor ispred nove riječi i pritisnite tipku BacSpase - ovo će izbrisati jedan ispisani znak (razmak) lijevo od nove riječi. Postavite kursor na kraj reči i pritisnite taster Delete - odštampani znak koji se nalazi desno od kursora će biti izbrisan. Ali vrlo je često nezgodno uređivati tekst po jednom karakteru. Za uklanjanje više praznine u čast teksta, odaberite ih mišem držeći pritisnutu tipku Ctrl, a zatim pritisnite tipku BackSpase.
Da bi sav tekst bio bez praznine u jednoj operaciji, koristite funkciju zamjene. Na kartici "Početna" odaberite odjeljak "Uređivanje", kliknite na dugme "Zamijeni". U dijaloškom okviru koji se otvori, na kartici "Zamijeni" unesite razmak u prvo prazno polje "Pronađi" (neće se pojaviti vidljivi znakovi, ali će se kursor pomjeriti za jedan znak udesno). Ostavite drugo polje "Zamijeni sa" prazno. Dugme "Zamijeni" pretražuje i zamjenjuje jedan odštampani znak, omogućavajući vam da kontrolirate proces zamjene. Dugme "Zamijeni sve" omogućava vam da odmah izbrišete sve pronađeno tekst razmak znakova.
Ako je uobičajeno tekst razmak između slova izgleda kao razmak, možda je za njih postavljen razmak. Da biste se vratili na jednostavan poznati razmak, odaberite tekst (ili dio teksta) i idite na karticu Početna. U odeljku Font kliknite na dugme sa strelicom da biste otvorili dijaloški okvir. U prozoru koji se otvori idite na karticu "Interval" i pomoću padajuće liste postavite vrijednosti koje su vam potrebne.
Odmah ćete utvrditi da li ste Rus ili pokrenete bilo koji uređivač teksta i počnete unositi riječi. Da biste prešli sa latinice na ćirilicu (sa engleskog na ruski), kliknite na ikonu "Jezička traka" levim tasterom miša. U padajućem izborniku lijevom tipkom miša odaberite red "Ruski", - promijenit će se jezik unosa. Sa tastature, prebacivanje između jezika se dešava pritiskom na tipke Alt i Shift ili Ctrl i Shift.
Dodatne opcije za unos teksta i prikaz "Jezičke trake" mogu se konfigurisati u prozoru "Regionalne i jezičke opcije". Pozovite ga tako što ćete kliknuti na dugme "Start" i izabrati ikonu "Regionalne i jezičke opcije" u "Kontrolnoj tabli" u kategoriji "Datum, vreme, jezik i regionalni standardi". Kliknite na karticu Jezik i kliknite na dugme Više detalja u okviru Usluge jezika i unosa teksta.
U dodatnom dijaloškom okviru koji se otvori, idite na karticu "Opcije" i kliknite na dugme "Jezička traka" koje se nalazi na dnu prozora. Postavite marker u polja koja su vam potrebna da prilagodite prikaz "Jezičke trake". Klikom na dugme "Opcije tastature" možete podesiti koje tastere koristite za prelazak sa engleskog na engleski kada unosite reči. Primijenite nove postavke, zatvorite prozore.
Jedan brz način za kreiranje zlatnih stiliziranih slova je primjena gradijenta ispune i kosine na testni sloj. Sve ove opcije se mogu podesiti u Photoshopovom dijaloškom okviru za stil sloja.
Trebaće ti
- Photoshop program.
Uputstvo
Otvorite sliku na kojoj želite da unesete zlatni natpis font ili kreirajte novi dokument u RGB modu koristeći New opciju menija File. Uključite Paint Bucket Tool i popunite sloj kreiranog dokumenta bilo kojom tamnom bojom. Ova boja ni na koji način neće utjecati na natpis, ali zlatna slova na tamnoj pozadini izgledat će mnogo impresivnije nego na svijetloj ili prozirnoj.
Napravite natpis Horizontal Type Tool. Stil sloja koji ćete prilagođavati izgleda prirodnije na serif fontovima. Font već napravljenog natpisa možete promijeniti odabirom teksta i odabirom novog fonta sa padajuće liste ispod glavnog menija.
Ispunite slova reflektovanim gradijentom od tamno žute do svijetlo žute. Da biste to uradili, primenite opciju Gradient Overlay grupe stilova sloja u meniju Layer. Kliknite na traku gradijenta da otvorite prozor postavki gradijenta. Odaberite krajnji lijevi marker boje, kliknite na pravougaonik boje koji se pojavio u prozoru postavki i odaberite tamno žutu boju u paleti koja se otvori. Na isti način postavite svijetlo žutu boju za desni marker.
Da biste lakše birali boje za gradijent, otvorite sliku nekog zlatnog predmeta u Photoshopu. Da biste odabrali najtamniju boju u gradijentu, kliknite na tamno područje ove stavke. Svjetlosni dio slike pomoći će vam da pokupite svjetlosnu komponentu gradijenta.
U polju Stil prozora sa postavkama ispune gradijenta izaberite Reflected. Kao rezultat toga, natpis bi trebao imati tamne rubove i svijetlu sredinu. Ako su gornji i donji dijelovi slova svjetliji od sredine, označite polje za potvrdu Obrnuto.
Da prilagodite reljef, idite na karticu Bevel and Emboss. Sa liste Style izaberite Inner Bevel, a sa liste Technique izaberite Chisel Hard. Podesite parametar Veličina tako da slova imaju oštre ivice. Sa liste Sjajne konture odaberite Konus, Prsten ili Prsten-dvostruki ovisno o tome s kojom će postavkom vaš tekst izgledati najrealnije. Ako se nakon podešavanja sjaja pojavi šum na natpisu, potvrdite izbor u polju za potvrdu Anti-aliased.
Zlato font je spreman. Ako želite, dodajte vanjski sjaj slovima tako što ćete otići na karticu Outer Glow. Parametri Spread i Size su odgovorni za veličinu sjaja, a Opacity, kao što možete pretpostaviti, za njegovu transparentnost. Kao boju sjaja, možete ostaviti boju koja je konfigurisana prema zadanim postavkama.
Izvori:
- Zlatni tekst u Photoshopu
Ruski obožavatelji igre Counter Strike s pravom zauzimaju počasno mjesto u "igračkom" svijetu. Dakle, želja za promjenom naslov njegov serveri na ruskom jeziku izgleda potpuno prirodno.
Uputstvo
Pokrenite svoj server i otvorite fasciklu Sstrike. Pronađite konfiguracionu datoteku servera pod nazivom server.cfg i otvorite je. Definirajte red sa vrijednošću imena hosta i unesite željeno ime servera u njega nakon riječi ime hosta.
Proširite meni "Datoteka" na gornjoj servisnoj traci prozora aplikacije i izaberite komandu "Sačuvaj kao". Odredite UTF-8 kodiranje i poništite izbor okvira. Potvrdite primenu napravljenih promena klikom na dugme OK i ponovo pokrenite server.
Ako ne možete da sačuvate željeno ime servera u UTF-8 kodiranju, napravite kopiju celog sadržaja datoteke server.cfg. Pozovite glavni sistemski meni klikom na dugme "Start" i idite na stavku "Svi programi". Proširite vezu "Dodatna oprema" i pokrenite aplikaciju Notepad.
Kreirajte novi tekstualni dokument i zalijepite u njega sačuvani tekst datoteke server.cfg. Proširite meni "Datoteka" gornjeg servisnog panela aplikacije "Beležnica" i izaberite komandu "Sačuvaj kao". Unesite server.cfg u polje "File Name" i izaberite opciju "Text Documents" iz padajućeg menija u redu "File Type". Odredite UTF-8 stavku u padajućem meniju polja "Encoding" i potvrdite svoj izbor klikom na dugme "Sačuvaj".
Postavite kreirani dokument u server.cfg datoteku i sačuvajte napravljene promjene. Ponovo pokrenite server da ih primijenite. Imajte na umu da će sve promjene napravljene u datoteci server.cfg nakon promjene imena servera zahtijevati ponavljanje gornje operacije.
U slučajevima kada korisnik nedostaje fontove iz standardne Windows kolekcije, svoju omiljenu kolekciju možete preuzeti sa diska ili sa interneta. Da bi sistem ili određeni program „video“ nove fontove, morate znati kako i gdje instalirajte ih.
Svi fontovi na vašem računaru nalaze se u posebno dizajniranom folderu Fontovi. Kroz element "Moj računar" otvorite disk sa sistemom i pronađite ga u Windows folderu. Svaki font koji se nalazi u navedenom direktoriju može se vidjeti. Kliknite lijevom tipkom miša na datoteku od interesa - otvorit će se novi dijaloški okvir s opisom fonta (veličina, verzija, digitalni potpis itd.) i sa vizualnim primjerima pisanja riječi njime. Postoji još jedan način za pristup folderu sa fontovima. Kliknite na dugme Start ili taster Windows, otvorite kontrolnu tablu i izaberite kategoriju Izgled i teme. U lijevom dijelu prozora vidjet ćete linijski link "Fontovi". Kliknite na njega levim tasterom miša i bićete prebačeni u željeni folder. Ako "Control Panel" ima klasičan izgled, folder sa fontovima je dostupan odmah. Nakon preuzimanja fonta sa Interneta, kopirajte ga u međuspremnik pomoću komande "Copy", koja se poziva iz kontekstnog menija fajla kada desno -klikni na njega. Alternativno, odaberite datoteku i pritisnite kombinaciju Ctrl + C na tastaturi. Otvorite mapu Fontovi i koristite tipke Ctrl + V ili Shift + Insert da zalijepite novi font u nju. Takođe, za ovu operaciju možete pozvati komandu "Paste" u meniju "Edit". Font će biti instaliran Postoje posebni programi dizajnirani za rad sa fontovima, kao što je Font Navigator. Uz pomoć takvih uslužnih programa, možete pregledati kolekcije i instalirati ih na svoj računar. Nakon instaliranja aplikacije, pokrenite je i odaberite mapu u kojoj su pohranjeni novi fontovi. Kada se lista formira, izaberite font koji vas zanima ili nekoliko i izaberite komandu "Instaliraj" iz menija ili pritisnite prečicu koja je namenjena za to. Uslužni program će automatski kopirati novi font u folder Fontovi.
Izvori:
- gdje baciti fontove u 2019
Stvaranje vlastitog jedinstvenog fonta interesantno je ne samo za dizajnere i programere, već i za obične korisnike interneta. Na internetu možete pronaći nekoliko softverskih alata za ovu namjenu - i profesionalnih i amaterskih.
Ranije ste prilikom kreiranja web stranica morali koristiti rasterske ikone. Bilo je lijepo, ali nezgodno iz više razloga. Danas su vektorske ikone zauzele mjesto rasterskih ikona. Ovo je originalno i elegantno rješenje koje će ukrasiti i osvježiti vašu stranicu.
Greetings Friends.
Nakon još jedne duge pauze, sjetio sam se da dugo nisam napisao ni jedan red. Naravno, postoje razlozi za to, jer uvijek postoji razlog da nađete izgovor za sebe, zar ne? Zapravo, svaki dan radim Video Kurs, koji sam već par puta spomenuo, ali za sada neću ništa više o tome, uskoro ćete sve saznati.
Dakle, pošto vam ništa nije palo na pamet o čemu možete pisati. Odlučio sam da pogledam statistiku, koja su interesovanja korisnika Runeta u vezi HTML-a, WordPress-a, DLE-a i sličnih tema. I znaš šta? Ima još toga za pisati. Čini se da sva pitanja koja sam pronašao imaju odgovore, ali ne uvijek u razumljivom obliku. I općenito je postalo zanimljivo napisati tako nešto.
Hajde da pričamo o HTML-u danas. Naime, kako napraviti tekst podebljanim i kurzivom, a također i govoriti o isticanja.
Podebljajte tekst.
Da biste podebljali tekst, ne morate ništa raditi sa CSS stilovima niti smišljati bilo koju drugu složenost. HTML već ima ovu mogućnost. Istovremeno, možemo ne samo da podebljamo tekst, već i da na njemu stavimo određeni naglasak uz pomoć selekcije. Naglasak može biti na pretraživačima ili nekim posebnim pretraživačima ili programima. Najvažnije je ne pretjerivati sa isticanjem teksta u članku ili na stranici sa nekom vrstom informacija, jer to može imati štetan učinak barem na promociju ove HTML stranice.
Dakle, da bismo samo podebljali tekst, možemo koristiti oznaku . Ova oznaka se odnosi na elemente fizičkog označavanja, dok je tekst podebljan bez stavljanja naglaska na njega. Ova oznaka je uparena, što znači da ima i oznaku za otvaranje i za zatvaranje. Također, pošto je element inline, on mora biti u elementu na nivou bloka, kao što je
primjer koda:
sličica
rezultat:
sličica
U ovom slučaju, samo smo podebljali tekst i to je to.
Ali dešava se da ne treba samo da istaknemo tekst, već da se fokusiramo na njega. Za ovo možemo koristiti logičku oznaku za označavanje . Ne samo da tekst označen ovom oznakom ima veću težinu za pretraživače. Ali u teoriji bi trebalo da se razlikuje od oznake u pretraživačima govora, kao što je intonacija. Međutim, ne mogu ni potvrditi ni demantovati ovu informaciju, je li tako?
U ovom slučaju, sve je potpuno isto kao u slučaju, sa jednostavnim odabirom podebljanim, samo mi pravimo naglasak, a ne samo odabir.
primjer koda:
rezultat:
Sve je prilično jednostavno, zar ne?
Kurzivite tekst.
U ovom slučaju sve nije teže nego u prvom. I naša situacija je potpuno ista. Tekst možemo istaći sa dvije opcije u HTML-u. Opet, koristeći ili fizičku oznaku za označavanje ili logičku oznaku, uz pomoć kojih se ponovo fokusiramo na odabrani tekst.
Da bismo tekst napravili kurzivom, koristimo tag . Ovaj element je uparen i ugrađen, što nam govori da trebamo koristiti i početnu i završnu oznaku. I treba ga koristiti unutar blok elementa. I u ovom slučaju, najprikladniji blok element je oznaka paragrafa.
primjer koda:
tekst u kurzivu
rezultat:
tekst u kurzivu
I naravno, možemo istovremeno naglasiti tekst kurzivom pomoću oznake . Ovaj element je isti kao , osim što je tekst kurziv umjesto podebljan.
primjer koda:
tekst na koji smo se fokusirali
rezultat:
tekst na koji smo se fokusirali
I poslednja stvar o kojoj bih danas želeo da pričam je isticanje teksta bojom.
Nažalost, nemamo oznaku za isticanje teksta bojom u HTML-u. Ali ipak, u ovoj metodi nema ništa komplicirano.
Dakle, da bismo određeni dio teksta istaknuli bojom, možemo premotati željeni dio teksta oznakom , koji je generička oznaka i koristi se unutar blok elementa. U našem slučaju, blok element je oznaka Ali dodaj nije dovoljno. Također morate navesti parametar stila, koji će vam omogućiti da dodate CSS svojstva potrebnom tekstu, navedite samo svojstvo (boju), što će pomoći u postavljanju određene boje. I na kraju, navedite vrijednost za svojstvo boje. Ali može se postaviti pitanje: "Šta naznačiti?" Potrebno je da navedete HTML kod boje u koju želimo da "obojimo" tekst. HTML kodovi boja se mogu pronaći. Sada, da bude jasnije, pogledajmo primjer. Primjer koda.
tekst za isticanje boja
U ovom slučaju izdvajamo jednu riječ: boja. Takođe želim da istaknem da je je par, i moramo ga zatvoriti tamo gdje bi svojstvo trebalo završiti.
rezultat:
tekst za isticanje
Na tako jednostavne načine možemo manipulirati tekstom na našoj stranici. Također želim napomenuti da sve o čemu smo upravo pričali radi i na WordPress-u i na DLE-u, jer svaki motor koristi HTML za prikaz stranica. Zato se HTML može nazvati osnovom bilo koje stranice, bez obzira koji CMS imate.
Nadam se da sam sve jasno objasnio.
Srećno prijatelji. Uskoro... bit će zanimljivih vijesti...
