Učenje HTML dijela 10: Kako napraviti citat u HTML-u
Prije nego što objasnim više o tomekako napraviti citat ili citat u HTML dokumentu, prvo ću objasniti što je citat (citat). Navod je rečenica koja sadrži ideju, mišljenje ili nečiju ideju koja se smatra zanimljivom preuzeta iz različitih izvora.
Rečenica je općenito preuzeta iz ideječlanci, knjige, časopisi, rječnici, enciklopedije i tako dalje. Citate naravno koristite da biste uzeli izvore reference ili reference kako biste podržali, ojačali, dodali i pojasnili svoje pisanje ili članak.
HTML je pružio oznake koje možetekoristiti za izradu citata. U osnovi se oznake citata u HTML-u dijele na dvije vrste, naime kratki navodnici pomoću oznake <q> i dugi navodnici pomoću oznake <blockquote>.
Dakle, kako biste razumjeli svaku uporabu dviju oznaka, pogledajmo objašnjenje u nastavku:
A. Kratki navod s oznakom <q>
Oznaka <q> koristi se za citiranje rečenice koja jekratki (kratki navod) koji će se kombinirati s postojećim tekstom jer ima prirodu inline elemenata što znači kratke citate koji se nalaze unutar retka (inline). Ova je oznaka također inline inačica oznake <blockquote>. U HTML-u je tekst koji se nalazi između <q> parova oznaka ... oznake </q> bit će zatvorene u navodima kada se prikazuju u web pregledniku.
Atributi u oznaci <q> su:
| atribut | vrijednost | funkcija |
| citirati | URL-ovi | Određuje URL citata |
Dodavanje atributa cita u oznaku <q> možda će zahtijevati da navedete izvor citata pozivanjem URL adrese citiranog teksta.
Evo primjera koda za upotrebu oznake <q> u HTML-u:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Short Quotation di HTML</title>
</head>
<body>
<p>Ini contoh short Quotation : </p>
<q cite="https://puisikompas.wordpress.com/2013/11/05/puisi-m-aan-mansyur-3/">Aku pernah punya mimpi. Kau menulis angka-angka</q>
</body>
</html>Nakon što pokrenete kôd u web pregledniku, tada će se tekst zajedno s navodnicima (prema zadanim postavkama već dobiti u oznaci <q>) pojaviti kao što je prikazano u nastavku:
B. Dugi navod s oznakom <blockquote>
Za pisanje se koristi oznaka <blockquote>dugi tekstualni izvodi uzeti iz drugih izvora kao referenca. Općenito, element blok-citata ima tekst teksta s urezima koji su prilično uski prema unutra. Možete koristiti svojstvo CSS Margin da biste promijenili izgled uvlačenja.
Atributi u oznaci <blockquote> su:
| atribut | vrijednost | funkcija |
| citirati | URL-ovi | Određuje URL citata |
Atribut cite možete koristiti ako je citat s web stranice, a URL mora biti napisan u atributu cite.
Evo primjera koda za korištenje oznake <blockquote> u HTML-u:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Blockquote di HTML</title>
</head>
<body>
<p> Dibawah ini adalah contoh kutipan teks : </p>
<blockquote cite="https://id.wikipedia.org/wiki/Kekuasaan" >
Kekuasaan cenderung korup adalah ungkapan yang sering kita dengar, atau dalam bahasa Inggrisnya adalah Power tends to corrupct. Kekuasaan dapat dikatakan melekat pada jabatan ataupun pada diri orang tersebut, penjelasannya adalah sebagai berikut: 1. Position Power,2. Personal Power.
</blockquote>
</body>
</html>Nakon toga pokrenete kôd u web pregledniku i tada će se tekst pojaviti kao što je prikazano u nastavku:
Dodatno, citiranju možete dodati i podnožje. Evo primjera koda:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Blockquote dengan Footer</title>
</head>
<body>
<p>Kutipan Rindu : </p>
<blockquote>
<p>Lahir dan mati adalah takdir Allah. Kita tidak mampu mengetahuinya. Pun tiada kekuatan bisa menebaknya. Kita tidak bisa memilih orangtua, tanggal, tempat...Tidak bisa. Itu hak mutlak Allah. Kita tidak bisa menunda, atau memajukannya walau sedetik</p>
<footer>- <cite>Tere Liye</cite></footer>
</blockquote>
</body>
</html>Rezultati gornjeg koda u pregledniku izgledat će kao na slici ispod:
