Stránka 1 z 1

Základní kody

Napsal: 27 říj 2012 13:13
od ShadowMasterCLP
Čaute. Chci vás poprosit, jestli byste mi tady nenapsali nějaké ty základní kody na tvoření HTML webu. Stačí takové ty jako jak tam dát pozadí.
Jak měnit barvu písma.
Velikost písma.
Vložení odkazu.
Vložení obrázku.
Přesměrování odkazu.
A třeba pokud byste chtěli tak i jak vytvořit třeba kolonku nevím třeba galerie tka bych na to klikl a přesměrovalo by mě to na další čistou stránku mýho webu.
Všem kdo si s tím dají práci tak děkuju. :)

Re: Základní kody

Napsal: 27 říj 2012 13:18
od d1amond
http://www.jakpsatweb.cz/

Tím bych začal, asi nemá smysl abych tu vypisoval základy, které na stránce najdeš.

Re: Základní kody

Napsal: 27 říj 2012 13:30
od faraon
Těm kódům se říká tagy, a některé z nich máš vyjmenované na těch tlačítkách nad oknem, ve kterém jsi psal ten dotaz, například B, I a U, které jsou (nikoliv náhodou) shodné i s tlačítky ve Wordu a jiných editorech ;-)

Já jsem si kdysi pořídil tuhle knížečku: Vytváříme internetové stránky, z ní jsem si udělal výpisky, a pak jsem si hrál, psal jsem v tom dopisy kamarádce. S různým formátováním, obtékáním obrázků, pozadím...

Na ten jakpsatweb.cz se podívej, ze začátku ti to bude připadat nepřehledné, protože je tam toho opravdu hodně, ale je to asi nejlepší český web na tohle téma a když zrovna něco potřebuji zjistit, co si nepamatuji z hlavy přesně, jdu se podívat právě tam!

Re: Základní kody

Napsal: 04 pro 2012 17:36
od CrazyC0de
První musím podotknou, bylo by dobré kdyby jsi navštívil http://www.jakpsatweb.cz, a aby jsi neřekl tak :

Barva písma :

Kód: Vybrat vše

<font color="barva" > Text </font>

Velikost písma :

Kód: Vybrat vše

<font size="velikost" > Text </font> // nevím to jistě, kdyby to nešlo tak <style>#id{font-size: 15px;}</style>

Obrázek :

Kód: Vybrat vše

 <img src="obrazek.jpg">

Odkaz :

Kód: Vybrat vše

<a href="tvojestranka.cz.html">Text odkazu </a>

Přesměrování :

Kód: Vybrat vše

<meta http-equiv="refresh" content="4;url=http://jina_adresa.cz/cokoliv"> // zkopírováno z jakpsatweb.cz

Re: Základní kody

Napsal: 04 pro 2012 17:43
od Bari
Jen malá připomínka - párový tag <a> musí mít odkaz i s http://

Re: Základní kody

Napsal: 04 pro 2012 17:53
od CrazyC0de
Ano, omlouvám se za chybu,, psal jsem to v rychlosti , a ShadowMastere , může to být i takhle ale musíš za to napsat koncovku tedy třeba .php , .html aby to hledalo stránku tvojestranka.cz.html na disku :-) ,, a ještě jednou se omlouvám a Barimu děkuji za opravu :-)

Re: Základní kody

Napsal: 04 pro 2012 18:29
od Bari
Tu tvoji úpravu jsem teď nějak nepochopil a podle mě to není dobře. Protože to by se ten soubor musel jmenovat tvojestranka.cz.html a tím pádem by to zase nemohla být homepage pro tvojestranka.cz (ať už lokálně nebo na nějakém hostingu), protože ta si hledá soubory index.html, index.htm nebo index.php v kořenovém adresáři.

Re: Základní kody

Napsal: 04 pro 2012 19:21
od CZechBoY
proč tam musí bejt http://? co když chci třeba odkazovat na ssh, skype, ftp? blbost..
když si to projedu validátorem - funguje, když to pustim v prohlížeči - funguje, takže žádnej protokol se tam uvádět nemusí

přes font už se nestyluje, všechno se dělá přes css s využitím identifikátorů a tříd...

Re: Základní kody

Napsal: 06 pro 2012 21:21
od Myloš
Bari píše:Jen malá připomínka - párový tag <a> musí mít odkaz i s http://
Nemusí. Pokud obsahuje protokol, jde o tzv. absolutní adresu. Oproti tomu pokud napíšu <a href="jmeno_souboru">klikni</a>, je o adresu relativní.
Pokud píšu odkazy na cizí weby (adresy jiných serverů), vždy zadávám adresu absolutní, ale pokud jde o soubory v rámci jednoho webu, je vhodnější používat relativních adres, protože pokud stránky přemístím jinam, odkazy nepřestanou fungovat. V rámci jednoho webu jsem nikdy nepsal absolutní adresy, snad s výjimkou odkazu na úvodní stránku u klikacího loga.

CZechBoY píše:přes font už se nestyluje, všechno se dělá přes css s využitím identifikátorů a tříd...
Jak se to vezme. Za normálních okolností je samozřejmě CSS zcela jednoznačnou volbou, ale pokud budu chtít napsat například to, že texty psané <font color="red">červeně</font> jsou nejdůležitější, nebudu se zdráhat použít tagu font, protože mi připadá sémanticky zcela namístě.
Podobně jako rozlišuji (možná hnidopišsky) mezi <b> a <strong> (a obdobně mezi <i> a <em>), protože i když pokud vím vždy všechny prohlížeče zobrazovaly <b> i <strong> tučně (a <i> a <em> kurzivou), sémanticky je to takto:
Pamatujme si, že <em>důležité</em> texty bývají označené <i>skloněným písmem</i> a <strong>velmi důležité</strong> texty <b>tučně</b>.

Re: Základní kody

Napsal: 07 pro 2012 00:31
od Stene
Jen upřesním, že tam Myloš má chybku.
<font color="red">červeně</color> font je párový tag a proto je potřeba ho také uzavřít pomocí </font> a ne </color>: )
<font color="red">červeně</font>

// Dík, upsal jsem se. ;-) Už jsem to opravil.
// Myloš

Re: Základní kody

Napsal: 07 pro 2012 08:24
od CZechBoY
Stene: to je kvůli tomu blbýmu přepínání html a bbcode v hlavě :D
bb to má přes [color=] [/color] a html zase <font color=></font>

vůbec nechápu proč bych měl ztučňovat text, který nechci zvýraznit, to jsou hlouposti tohle zase :roll:

Re: Základní kody

Napsal: 07 pro 2012 20:22
od Myloš
CZechBoY píše:vůbec nechápu proč bych měl ztučňovat text, který nechci zvýraznit, to jsou hlouposti tohle zase :roll:
A proč ne? Jednoznačný sémantický rozdíl, demonstrovatelný například na větě:
Jiří Paroubek si myslí, kdovíjak je <strong>důležitý</strong>, ale ve skutečnosti je jenom<b>tučný</b>. :lol:
Důvodů jistě mnoho není, ale mohou nastat případy, kdy lze tučnost a důležitost sémanticky odlišit.

Podobně to máš s kurzivou – <em> (z anglického emphasis = důraz) znamená text důležitý (i když ne tak jako strong, anglicky silný, mocný, rozhodný…), ale je zcela lhostejné, jak vypadá graficky (mohu si veškerá <em> pomocí css předefinovat, třeba pomocí letter-space a color, přičemž kurzivu zruším), ale opět jsou případy, kdy písmo musí být kurzivou, aniž by šlo ze sémantického hlediska o důležitost. Co se sází kurzivou v matematice viz například http://martin.feld.cvut.cz/~kudlacek/TED/matsaz.pdf