html/css kde robim chybu?

Lub0$

Viem, ze to nieje ani tak programovanie, ale ucim, sa kodovat v html, a css zaroven, tento nasledujuci kod, berte len fakt ako nieco na com sa ucim, a skusam ktory kod co robi. Mojim dalsim cielom je pripojit subor style.css k html kodu, no nejako sa mi nechu prejavit zmeny (zmena farby pozadia atd.) na vyslednej stranke. Co robim zle?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel='stylesheet' href='styl.css' type='text/css' />
<title>Nasa Prva Stranka</title>
</head>
<body>
<h1>Nadpis 1</h1>
<h2>Nadpis 2</h2>
<li>
<a href='MENU1.html'>VOLBA 1</a>
</li>
<li>
<a href='MENU2.html'>VOLBA 2</a>
</li>
<li>
<a href='MENU3.html'>VOLBA 3</a>
</li>
<p>text odstavce text odstavce text odstavce</p>
<h3>Napdis 3</h3>
<ul>
<b>Tucny Text</b>
<p>Tak to toto je moj prvy web so zameranim na bla a bla tag ul sa pouziva na formatovanie textu, respektive, na odstavce</p>
<li>formatovanie textu</li>
</ul>
<a href='http://www.google.com/'>Googluj</a>
<img src="images/canon.jpg" width="200px" height="150px" title="Rozbite Sklo">
</body>
</html>

5sebo5

napis tu aj tvoj css subor

Mmartin

Z mojej validacnej skusenosti ti chcem mimo temu odporucit, aby si do neparovych tagov (napr img, br,...) daval na koniec " /", teda napr <img src="fotka.jpg" alt="Moja fotka" />. Taktiez nemusis davat atributy WIDTH a HEIGHT, ak nechces manipulovat s rozmermi obrazku. (ak chces, tak je to OK)
Btw, kody nedavaj do citacii ale do code

/ sa dáva pri XHTML, ale on používa HTML. Osobne by som ti radšej poradil ísť do XHTML ako HTML... Pri obrázkoch (<img src="" alt="" />) je ešte potrebné uviesť alternatívny text, ak sa jedná o obrázok, ktorý nesie zmysel. Ak je obrázok len súčasťou designu, nechaj alt="" prázdny.

Preetro

mas html aj css subor v tej istej zlozke?

Mmartin

DjBass napísal:/ sa dáva pri XHTML, ale on používa HTML.

Dik. Nevsimol som si, ale aj tak to plati

Pouzi teda Xhtml, uisti sa, ci mas zadany rovnaky nazov suboru a rovnaky aj ulozeny, ci su v jednej zlozke, ci su spravne zadane triedy, alebo co mas vsetko definovane.

BX · Príspevok od používateľa BX » 18 mar 2010, 19:53

Čo riešite? Kým neuvidíme css súbor, veľa toho neporadíme.

eMPiko

No, vyzera to ze odkazujes na zly css subor alebo tak cosi, kazdopadne par chyb ku kodu:

Tusim ze by sa mali pouzivat " namiesto ' v atributoch jednotlivych tagoch. Takisto mas zle pouzite tagy <ul> a <li>. <ul> je tag pre zoznam, <li> je tag pre jednotlive polozky zoznamu, teda spravne by si to mal mat:

Kód: Vybrať všetko

<ul>
<li><a href="menu1.html">Odkaz 1</a></li>
<li><a href="menu1.html">Odkaz 1</a></li>
</ul>

Lub0$

OK, dakujem Vam...taketo komenty potrebujem, kedze sa ucim a nesom si sam vedomy niektorych chyb. Takze kazdopadne dik

No a k veci, aky je rozdiel medzi html a xhtml?
A css subor dam snad zajtra...lebo to mam na inom pocitaci, a nemam k nemu dnes pristup.
A hej, css subor je v tom istom priecinku ako html.

Mmartin

Ludskou recou povedane, XHTML je komatibilnejsie.

Preetro

xhtml je standard, ktory sa musi dodrziavat podla w3c, cize ak mas v kode chybu, tak ta na nu upozorni a musis si ju opravit, html je chaos a ak spravis nejaku chybu v kode, tak aj tak sa stranku prehliadac pokusi zobrazit ako keby tam ta chyba nebola.

Preetro: Z jednej časti pravdu máš, z inej nie. Chceš mi povedať, že XHTML štandard je a HTML nie je? Ak si skontroluješ stránku cez W3C validator, tak isto ti ukáže chyby v XHTML aj HTML. Opraviť ju nemusíš, ale je lepšie, ak tam chyby nie sú. Podľa teba prehliadač nevalidné HTML zobrazí a nevalidné XHTML nie? Zobrazí aj HTML aj XHTML.

Lub0$: XHTML obsahuje naviac aj štandard XML, s ktorým si môžeš vytvoriť napr. aj nové značky, no inak sú viac-menej rovnaké. Rozdiel je ešte v používaní značiek/párovaní. link V tejto dobe sa prevažne používa XHTML, dôkazom je aj toto fórum.

html je zastaralé, obsahuje aj formátovanie písma, textov, obrázkov pomocou tagov. xhtml toto už nevyužíva a prenecháva to na css. Samozrejme xhtml už počíta s xml (neznamená, že pri html sa nedá použiť).

V kóde máš pár kozmetických chýb

Kód: Vybrať všetko

<a href='http://www.google.com/'>Googluj</a>
<img src="images/canon.jpg" width="200px" height="150px" title="Rozbite Sklo">

Ujednoť sa v používaní úvodzoviek, nie obe naraz. Odporúčam používať iba klasické dvojíté "" úvodzovky.
-Namiesto title="Rozbite Sklo" použi alt="Rozbite Sklo" ako popis obrázku. Respektíve môžeš použiť oba, ale alt="" tam musí byť vždy, hoci aj prázdny.

Kód: Vybrať všetko

<link rel='stylesheet' href='styl.css' type='text/css' />

Na konic máš lomítko pred zátvorkou > - toto je nástroj na uzatváranie nepárových tágov v xhtml (prebraných od html). Tieto v html nepoužívaj.

To, ktoré kódovanie používaš vždy uvádzaš úplne na začiatku dokumentu
V tvojom prípade:

Kód: Vybrať všetko

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

To, ako sa ti darí v dodržiavaní štandardov, si môžeš skontrolovať tu: http://validator.w3.org/#validate_by_input

Odporúčam ti hneď si od začiatku zvykať na syntax xhtml. Aj tak, ako vidím ideš cestou formátovania obsahu cez css.

JanJanuska

Je viac menej jedno, či sa robí stránka v HTML alebo (X)HTML, no HTML je voľnejšie, dovolí robiť zopár "prasačiniek", čo nie je moc dobré, najmä nie pre začiatočníkov.
K porovnaniu HTML a (X)HTML: http://ondrej.jikos.cz/vyuka/swi117/200 ... entace.pdf

Ale zasa na druhú stranu, budúcnosť bude takmer určite patriť HTML 5, takže ak by som sa začínal teraz učiť kódovanie stránok, skôr by som sa priklonil k HTML.

Lub0$

No celkom ste ma pomiatli s rozdielo medzi xhtml vs html...teraz v tom mam este vacsi zmatok, strasne vela novych informacii na raz

Inac k tomu mojmu css, toto som chcel vyskusat...a bohuzial mi to nevyslo.

Kód: Vybrať všetko

/* CSS Document */    
body {
   background-color: #50B0FF;
   margin: 2cm;
   font-family: Century Gothic;
   font-size: 12px;
   color: #FFFFFF;
}

Čo konkrétne ti na tom nevyšlo? Fungovať by to malo.

Lub0$

Neprejavila sa ziadna zmena...

BX · Príspevok od používateľa BX » 19 mar 2010, 22:31

No... vytvoril som súbor aaa.html, dal som tam kód z prvého príspevku. Vytvoril som súbor styl.css a dal tam kód z ďalšieho príspevku a všetko fičí ako má.

// DjBass: Presne toto napadlo aj mňa a dnes som sa to chcel spýtať

Možno blbá otázka, ale keď si vytváral css súbor, neostala ti tam náhodou na konci .txt prípona? (čudovali by ste sa, koľko začiatočníkov na to zabudne) Ísť si to musí, tak si prekontroluj, či máš všetko v poriadku. Aký máš prehliadač? Dúfam, že nie lynx.

Lub0$

Prehliadac : ff
Robil som to v PSpade, pri otvarani noveho tabu v pspade som si vybral novy dokument>css este skusim pozriet ked budem mat cas, ale neviem no. Potom dam vediet.

html/css kde robim chybu?

html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?

Re: html/css kde robim chybu?