pomoc HTML - Dokončena 3.kapitola

Riko · 5. Duben, 2016

Zdravím, jak již všichni víte, začal jsem s HTML.

Snažím se, a daří se mi a jsem na sebe hrdý!

Proč vlastně zakládám tento topic? Chtěl bych se Vás, jakožto komunity zeptat, zdali pokračuji a kóduji správně a čitelně (tabování apod). Soubor bude v příloze (*.html), pro správné zobrazení si to prosím otevřete v PSPadu, v něm to také dělám, Také se Vás chci zeptat, zdali je podle Vás editor PSPad dostatečným (mi vyhovuje, ale chtěl bych znát i Váš názor )

Učím se ze stránek http://www.w3schools.com/ a dnes jsem dokončil 3 kapitolu.

Samozřejmě že toto již znám, ale i tak jsem si to projel ze začátku, naučil jsem se to pokusema atd ..

Ptám se Vás ještě, kolik je tam tak cca kapitol? Jen tak pro info, jestli má někdo zkušenost s tímto Začalo ma to bavit

A děkuji Petrovi Hnátkovi, že mi tuto stránku doporučil Je zde slovenský překlad (i když ne úplně ale nepřekládal to jen stroj, ale podílel se na tom i člověk, a z překladu se jednoducho čte, i když bych uvítal CZ, ale jsem rád i za SK.

Díky všem

Poznámka: Neformátoval jsem topic, nechce se mi s tím mrd*t. už ma to nebaví pořád to upravovat, já to vždy napsal, a pak to upravil, ale blbne mi myš, a tím pádem ma to nebaví ... (Njn .. CONNECT IT, co by jste chtěli, z 30% vadné kusy byly vyrobeny, a já mám asi ten vadný )

HTML Vývoj.html

Edited 5. Duben, 2016 by Waymoot

SkillerkoS · 5. Duben, 2016

Ahoj.. Tady máš pár rad ohledně tvého kódu..

1. Lidi k odsazování používají tabulátor, ale správně by se měli používat 4 mezery na jedno odsazení(není pak problém mezi editory).

2. Chybí ti hlavička stránky

<head>
    <title>Moje stránka</title>
    <meta charset="utf-8">
</head>

3. Nauč se používat kaskádové styly v externím souboru. Interní kaskádové styly osobně používám jen když je to nevyhnutelné(např. dynamický progressbar).

Jsou to jen takové malé bodíky k dalšímu pokroku.. Já osobně používám program Sublime Text 2, je to obdoba PSPadu, jen sem si ho prostě více oblíbil :-) Kdyby si měl více otázek, tak si mě můžeš přídat na skype: mastersticq a určitě ti poradím, když budeš mít zájem :-)

Riko · 5. Duben, 2016

Jo jo, díky, dnes již jdu spát, ráno vstávám na praxi v 5 hod ráno, díky, alespoň mám někoho, kdo mi může pomoci ve vývoji Cením si toho, moc

Hip · 5. Duben, 2016

Doporučuju NetBeans. Je to sice postavené na ORACLE ale co...

jinak <b> se v HTML5 nepoužívá

element img má height a width pouze pro pixely respektive dá se zadávat i bez jednotek. Nadruhou stranu oceňuji alt u img.

dále doporučuji, jak již bylo zmíněno, používat CSS vedle:

<html>
    <head>        
        <style>
            .trida {
                color: red;
                text-align: center;
            }
            p {
                font-family: "Helvetica"; /* Každý element p bude mít font Helvetica */
            }
        </style>    
    </head>
    <body>
        <p class="trida">Text odstavce, který bude červený a zarovnaný ve středu s fontem Helvetica</p>
        <p>Text odstavce s fontem Helvetica</p>
    </body>
</html>

plus tady máš menší šablonu:

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div>TODO write content</div>
    </body>
</html>

Fakerko_ · 6. Duben, 2016

Bylo by dobré, aby ses již od začátku učil do hlavičky přidávat 3 základní meta tagy, které musí být vždy jako první:

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

Tyto 3 meta tagy by měli být v

<head> </head>

Jako první a po nich následuje párový tag

<title></title>

a pak linky.

Co se mi vůbec nelíbí a co by sis měl odvyknout, jsou in-line styly. Vytvoř si třídy či identifikátory, buď přímo v hlavičce webu v párovém tagu

<style></style>

nebo to hoď do externího souboru.

Jak bylo zmíněno,

<b></b>

se v HTML5 již nepoužívá.

Dále tu již bylo řečeno o nepárovém tagu

<img />

kde máš správně použitý atribut alt="", co se rozměrů týče, tak prohlížeče sice vezmou procentuální rozměry, ale není to správně a opět to lze nastavit přes styly.

Jinak na závěr, měl by jsi také dodržovat nějakou základní kostru HTML5, ale to je ještě moc brzy a určitě se k tomu na w3schools dostaneš.

Edited 6. Duben, 2016 by Petr Hnátek

Hip · 6. Duben, 2016

Petře (a i pro Waymoota) jak jsi říkal, že nepárové elementy se ukončí '/' -> <img /> tak v HTML5 se to neoužívá. V HTML5 je správně skutečně <img> to co jsi říkal se používá v něčem jiném, teď si nemohu vzpomenout co to bylo.

ATomas · 6. Duben, 2016

Hezke ale jakmile ten html kod zacnes generovat phpkem, coz asi budes pokud budes delat web kterej krome zobrazovani bude umet i neco dalsiho napr formulare. Tak se to uz tabuje dost blbe

Jinak podle xhtml standardu je pozadovano mit stylovani pres css a pouziti style="style:neco" je fakt prasarna

Ale neber to jako hate, ale jen chci rict ze ses vydal takovou slepou cestou

podle xml kazdy tag musi mit i ukoncovaci nebo se pouzije tzn neparovy tag takze bud <neco></neco> nebo <neco/> ale html ti dovoli napsat jakoukoli prasarnu a ty dnesni prohlizece to ve vetsine pripadu dokazi pochopit a opravit si to samy. az na IE6

Edited 6. Duben, 2016 by ATomas

Fakerko_ · 6. Duben, 2016

Petře (a i pro Waymoota) jak jsi říkal, že nepárové elementy se ukončí '/' -> <img /> tak v HTML5 se to neoužívá. V HTML5 je správně skutečně <img> to co jsi říkal se používá v něčem jiném, teď si nemohu vzpomenout co to bylo.

Dle W3, se může i nemusí to tam psát. Nicméně, editory to tam generují automaticky.

Edited 6. Duben, 2016 by Petr Hnátek

Riko · 6. Duben, 2016

A k tomu jsem se nedostal právě.

Co to vůbec znamená? Může mi to někdo podrobně popsat? na W3schools o tom není ani zmínka.

Pokud chápu správně, tak content="IE=edge" je obsah, který bude compatibilní s IE, a "IE=edge" znamená, že IE je Edge, chápu to správně?

UTF-8 je co?

meta name už vůbec nechápu ..

Dík.

Edited 6. Duben, 2016 by Waymoot

Hip · 6. Duben, 2016

A k tomu jsem se nedostal právě.

Co to vůbec znamená? Může mi to někdo podrobně popsat? na W3schools o tom není ani zmínka.

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

Dík.

utf-8 znamená, že kódování stránky je v utf-8. Je spousta variant a utf má spoustu druhů (utf-16, utf czech, english, atd) další varianta je například ASCII. Ve výsledku tím že to tam napíšeš zabráníš zobrazováním nějakých znaků (třeba znaky české klávesnice) jako otazníky nebo jiné znaky.

to druhé nepoužívám, to popíše Petr. S tím jsem nepracoval tolik.

třetí je pro šířku a responzivitu webu. "viewport" tuším určijě co se bude nastavovat. width=device-width je že šířka stránky bude šířka monitoru zařízení, initial-scale=1 znamená, že velikosti budou stejné. Respektive 100%. Pokud by tam bylo třeba 0.5 tak velikost stránky bude 50% nebo 200%, vzhledem k tomu, že se to málo kdy mění, tak si to nepamatuju. (myslím že 50% - logicky)

Riko · 6. Duben, 2016

jo, ale co znamená to kódování UTF? To je nějaký druh "zadávání znaků" či tak něco? Já sa to s vama asi vážně naučím Rychlá reakce, atd

Hip · 6. Duben, 2016

já nevím jak ti to vysvětlit. Já to pochopil praxí...

každopádně nějaká literatura:

https://cs.wikipedia.org/wiki/Znaková_sada#Znakov.C3.A9_sady_a_HTML

http://www.jakpsatweb.cz/cestina.html

asi nejlepší kde jsou i kódové tabulky: http://www.gjszlin.cz/ivt/esf/ostatni-sin/kodovani-textu.php

Fakerko_ · 6. Duben, 2016

A k tomu jsem se nedostal právě.

Co to vůbec znamená? Může mi to někdo podrobně popsat? na W3schools o tom není ani zmínka.

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1">

Pokud chápu správně, tak content="IE=edge" je obsah, který bude compatibilní s IE, a "IE=edge" znamená, že IE je Edge, chápu to správně?

UTF-8 je co?

meta name už vůbec nechápu ..

Dík.

Takže, spal jsem, ale už jsem tu.

<meta charset="utf-8">

Tento meta TAG ti nastaví kódování dokumentu, kde UTF-8 podporuje české znaky (háčky a čárky), jinak by se ti mohli zobrazovat otazníky či jiné blbosti.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Jak už lze z tohoto řádku vyčíst, tak se to týká Internet Explorer a Microsoft Edge, jelikož Microsoft byl vždy jiný. "X-UA-Compatible udává, že stránka podporuje verze Internet Explorer od verze 6 do verze 11. IE=edge znamená, že se stránky budou zobrazovat ve stejném režimu jako v Micrososft Edge.

<meta name="viewport" content="width=device-width, initial-scale=1">

Googlem požadovaný meta tag, který udává podporu mobilního zobrazení webu, pokud tento meta tag v kódu není, google robot usoudí, že stránka není uzpůsobená pro mobilní zařízení a zařadí stránku ve vyhledávání na konec. Initial-scale=1 se bere jako plná šířka stránky.

Riko · 6. Duben, 2016

Dík, zase jsem o něco chytřejší

Jeden bodík reputace ode mě není na škodu

Kortes · 10. Duben, 2016

Jestli umíš anglicky tak na učení doporučuju https://www.codecademy.com/

Edited 10. Duben, 2016 by Kortes

ATomas · 10. Duben, 2016

jo, ale co znamená to kódování UTF? To je nějaký druh "zadávání znaků" či tak něco? Já sa to s vama asi vážně naučím Rychlá reakce, atd

Tabulka znaku. Pocitas pracuje s texte mak, ze kazde pismeno ma svoje "cislo". Drive bylo omezeni 0-255 tzn 256 znaku. A protoze to nestacilo na vykryti vsechn zanku, vznikalo hned nekolik kodovani (pro ameriku, pro cinu aby to pokrylo ten jejich rozsypany cas a taky pro ceny a nase hacky a carky). uft uz pracuje s tim ze zvlada vice hodnot nez jenom 256. To proc existuje jeste takove kodovani je vicemene hlavne kvuli zpetne kompabilite, protoze pocitacovy svet stale jeste pouziva napr ASCII velmi casto (omezeno na 256 znaku).

Jednoduzse. kazdy znaky ma cislo a v kazde tabulce to muze bt umistene nekde jinde (v castejsich pripadech spis znak uplne chybi). Ale z pravidla znaky a-z a 0-9 maji temer vzdy stejne pozice. Ale napr v ASCII tabulce ,ktera se pouziva nejcasteji, nejsou vsechny hacky a carky, tak se pouziva win1250 nebo utf-8

Fakerko_ · 10. Duben, 2016

Tabulka znaku. Pocitas pracuje s texte mak, ze kazde pismeno ma svoje "cislo". Drive bylo omezeni 0-255 tzn 256 znaku. A protoze to nestacilo na vykryti vsechn zanku, vznikalo hned nekolik kodovani (pro ameriku, pro cinu aby to pokrylo ten jejich rozsypany cas a taky pro ceny a nase hacky a carky). uft uz pracuje s tim ze zvlada vice hodnot nez jenom 256. To proc existuje jeste takove kodovani je vicemene hlavne kvuli zpetne kompabilite, protoze pocitacovy svet stale jeste pouziva napr ASCII velmi casto (omezeno na 256 znaku).

Jednoduzse. kazdy znaky ma cislo a v kazde tabulce to muze bt umistene nekde jinde (v castejsich pripadech spis znak uplne chybi). Ale z pravidla znaky a-z a 0-9 maji temer vzdy stejne pozice. Ale napr v ASCII tabulce ,ktera se pouziva nejcasteji, nejsou vsechny hacky a carky, tak se pouziva win1250 nebo utf-8

Stačilo zkráceně říci, že vše jsou 1 a 0

Riko · 11. Duben, 2016

To já vím, že vše je 1 a 0, to já vím To jsme se učili jako základ Že PC pracuje pouze s čísly a to co vidíme, např. Ahoj je třeba 11010 atd ...

Ale dík za vysvětlení Atomasi

ATomas · 11. Duben, 2016

To já vím, že vše je 1 a 0, to já vím To jsme se učili jako základ Že PC pracuje pouze s čísly a to co vidíme, např. Ahoj je třeba 11010 atd ...

Ale dík za vysvětlení Atomasi

Ahoj

je

1000001 1101000 1101111 1101010

neboli

new str[] = "Ahoj";
for(new i,j=strlen(str);i<j;i++) printf("%b",str[i]);

kdyz uz jsme na pawno foru ze

HighPrint · 11. Duben, 2016

Jenom menší dodatek k UTF: utf-8 je nejúspornější kódování, kdežto utf-32 je nejjednodušší (všechny znaky jsou kódované v 32bitech). Princip je v tom, že utf-8 kódujou znaky v 8bitech a když nestačí (rozmezí 8bit - 0-255 - ASCIII a zadáváš čínské a další znaky), tak se dokáže roztáhnout až na 16bitů případně 32bitů. Pak vlastně je ucs-2, které kóduje znaky v 16bitech (stejně jako utf-16, ale utf-16 se dokáže roztáhnout až na 32bit)

Edited 11. Duben, 2016 by HighPrint

Sign In

pomoc HTML - Dokončena 3.kapitola

Dotaz

Riko 2

Link to comment

Share on other sites

19 odpovědí na tuto otázku

Recommended Posts

SkillerkoS 0

Link to comment

Share on other sites

Riko 2

Link to comment

Share on other sites

Hip 191

Link to comment

Share on other sites

Fakerko_ 190

Link to comment

Share on other sites

Hip 191

Link to comment

Share on other sites

ATomas 286

Link to comment

Share on other sites

Fakerko_ 190

Link to comment

Share on other sites

Riko 2

Link to comment

Share on other sites

Hip 191

Link to comment

Share on other sites

Riko 2

Link to comment

Share on other sites

Hip 191

Link to comment

Share on other sites

Fakerko_ 190

Link to comment

Share on other sites

Riko 2

Link to comment

Share on other sites

Kortes 2

Link to comment

Share on other sites

ATomas 286

Link to comment

Share on other sites

Fakerko_ 190

Link to comment

Share on other sites

Riko 2

Link to comment

Share on other sites

ATomas 286

Link to comment

Share on other sites

HighPrint 177

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in