Obsah:

Ako vytvoriť základnú webovú stránku pomocou programu Poznámkový blok: 4 kroky
Ako vytvoriť základnú webovú stránku pomocou programu Poznámkový blok: 4 kroky

Video: Ako vytvoriť základnú webovú stránku pomocou programu Poznámkový blok: 4 kroky

Video: Ako vytvoriť základnú webovú stránku pomocou programu Poznámkový blok: 4 kroky
Video: Полный курс Redux Toolkit + RTK Query для начинающих | Редакс за 2 часа! 2024, November
Anonim
Ako vytvoriť základnú webovú stránku pomocou programu Poznámkový blok
Ako vytvoriť základnú webovú stránku pomocou programu Poznámkový blok

Zaujímalo niekoho?

„Ako vytvorím webovú stránku zo základného programu na písanie?“

Očividne nie konkrétne …

V každom prípade vám tu ukážem, ako vytvoriť ZÁKLADNÚ webovú stránku iba pomocou poznámkového bloku.

Zásoby

Na tento projekt budete potrebovať:

-veľký mozog

-poznámkový blok

-možno podvádzací list príkazov HTML a CSS

-veľa trpezlivosti

Krok 1: Začiatok

Začiatok
Začiatok

Otvorte poznámkový blok. V skutočnosti ho dvakrát otvorte. Budete kódovať 2 súbory súčasne.

Teraz uložte oba súbory. Jeden bude [názov súboru].html a druhý bude [názov súboru].css

Krok 2: Nastavenie súboru HTML

Nastavenie súboru HTML
Nastavenie súboru HTML

V súbore HTML napíšte na prvý riadok "", preskočte riadok

riadok 2 -

riadok 3 - [názov stránky]

riadok 4 -

riadok 5 -

preskočiť riadok

riadok 6 -

riadok 7 -

[čo chcete v prvom riadku. toto je obyčajný text.]

riadok 8 -

riadok 9 -

Teraz upravte, kam som vložil správy

VYSVETLENIE - - -

uvádza začiatok kódu.

uvádza začiatok hlavičky.

uvádza, čo sa zobrazí v názve karty

+ďalší odkaz v kóde prepojí hárok štýlov css s html pre štýly.

končí vyhlásenie.

končí hlavičkové vyhlásenie

uvádza začiatok hlavného textu / kódu

je začiatok odseku textu, ktorý sa zobrazí pri spustení kódu html.

uhádol si to. končí to výpoveďami tela

znamená koniec kódu.

Krok 3: Nastavenie súboru CSS

Nastavenie súboru CSS
Nastavenie súboru CSS

do prvého riadka súboru CSS vložte (@charset "utf-8";)

riadok 2 - telo

riadok 3 {pozadie: [čo chcete ako farbu pozadia]

riadok 4 -}

riadok 5 - h1 {

riadok 6 - rodina písem: tučné

riadok 7 -}

Môžete pridať ďalšie premenné a zmeniť moje poznámky medzi

Krok 4: No, to bolo ono

No, to bolo všetko
No, to bolo všetko

Ak chcete, môžete použiť lepšieho sprievodcu, ako napríklad „Základy webového dizajnu“od vishalapru

www.instructables.com/Web-Designing-Basics…

Dávajte si tiež pozor na to, že poznámkový blok vám neukáže, kde sa kód mýlil.

Preto sa odporúča softvér na kódovanie webových stránok.

Odporúča: