Kako kreirati jednostavnu web stranicu sa HTML-om

U ovom ćemo članku reći kako kreirati jednostavnu web stranicu pomoću HTML koda. HTML je jedna od glavnih komponenti Interneta, jer određuje strukturu web stranica. Web stranica Možete kreirati u uređivaču teksta koji je u Windows ili MacOS-u.

Korake

1. dio 6:

Kako dodati "glavu" oznaku (opis web stranice)

jedan. Otvorite uređivač teksta. U operativnom sistemu Windows pokrenite notepad ili notepad ++, a u MacOS - TextetIt:

Windows - Otvorite meni Start

, Unesite u niz pretraživanja bilježnica ili Notepad++, A zatim kliknite na "Notepad" ili "Notepad ++" na vrhu menija "Start".

MacOS - Kliknite na "Spotlight"

, Ući TextetIt, A zatim dvaput kliknite na "TexteDit" na vrhu rezultata pretraživanja.

2. Ući i pritisnite ↵ Unesite. Dakle, obavijestite web pretraživač da je ovo HTML dokument.

3. Ući i pritisnite ↵ Unesite. Ovo je otvor HTML oznaka koda.

4. Ući i pritisnite ↵ Unesite. Ova oznaka sadrži opis web stranice i elemenata zaglavlja. Sadržaj ove oznake na stranici obično se ne prikazuje. Sadržaj su opis stranice, metapodataka, CSS stilovi stolova i drugih jezika za skripte.

pet. Ući . Ova oznaka sadrži naziv stranice.

6. Unesite ime stranice. Unesite tekst koji će se prikazati na kartici Stranice.

7. Ući i pritisnite ↵ Unesite. Ova oznaka zatvara oznaku naziva stranice.

osam. Ući i pritisnite ↵ Unesite. Ova oznaka zatvara oznaku stranice stranice. U ovoj fazi, HTML kôd bi trebao izgledati ovako.

Moja web stranica

2. dio 6:

Kako dodati oznaku "Tijelo" (sav sadržaj)

jedan. Unesite oznaku Pod zatvaranjem oznake "glava". Ova oznaka sadrži cijeli sadržaj HTML dokumenta. Sadržaj Ova oznaka prikazuje se na web stranici.

2. Ući . Ova oznaka sadrži naslov stranice. Naslov je veliki tekst koji se obično nalazi na vrhu stranice.

3. Unesite naslov stranice. To može biti ime stranice ili pozdrav.

4. Ući Nakon teksta zaglavlja i kliknite ↵ Unesite. Ova oznaka zatvara oznaku naslova.

Dodajte dodatne naslove po potrebi. Možete kreirati do šest zaglavlja - to se vrši pomoću oznaka - . Naslovi će imati različite veličine. Na primjer, kod za kreiranje tri naslova različitih veličina bit će:

Dobrodošli na moju stranicu!Moje ime je max.Nadam se da nećete biti dosadni.

pet. Ući . Ova oznaka sadrži tekstualni odlomak. Takva će oznaka prikazati tekst normalne veličine.

6. Unesite tekst. Na primjer, unesite opis web stranice ili bilo koje druge informacije.

7. Ući Nakon teksta i kliknite ↵ Unesite. Ova oznaka zatvara oznaku paragrafa teksta. Ispod je primjer odlomka u HTML dokumentu:

Ovo je prvi odlomak.

Da biste stvorili nekoliko odlomaka pod jednim naslovom, dodajte nekoliko redaka u nizu.

Promenite boju teksta. Na početku teksta unesite oznaku , I na kraju oznake . Umjesto riječ "Boja" Zamjenite željenu boju (na engleskom) i ne brišite citate. Ove će oznake omogućiti da promijenite boju bilo kojeg teksta (na primjer, zaglavlja). Na primjer, da biste napravili tekst plave boje, unesite sljedeći kod: Kitovi - veličanstvene životinje.

Takođe, font se može podebljano, naklonjen i drugim. Ispod su primjeri formatiranja teksta pomoću HTML oznaka:

 Tekst teksta udžbenika udžbenika  Zamjenski tekst  Podstavljeni tekst

Dio 3 od 6:

Kako dodati dodatne stavke

jedan. Dodajte sliku na stranicu. Za ovo:

Ući . Ova oznaka sadrži sliku.
Kopirajte i zalijepite URL slike nakon znaka ravnopravnosti (=) u navodnicima.
Ući > Nakon URL slike za zatvaranje slike slike. Na primjer, ako je url slika http: // MyImage.COM / OCEAN.JPG, unesite sljedeći kod:

 Src ="http: // MyImage.COM / OCEAN.JPG">

2. Dodajte link na drugu web stranicu. Za ovo:

Ući . Ova oznaka sadrži vezu na drugu stranicu.

Kopirajte i zalijepite URL nakon znaka ravnopravnosti (=) u navodnicima.

Ući > Nakon URL-a za zatvaranje adrese.

Unesite tekst veze nakon simbola ">".

Ući Nakon tekstualne veze za zatvaranje oznake veze. Ispod je primjer reference na Yandex.

 href ="https: // Da.Ruž"> Yandex.

3. Dodajte gudački jaz. Da biste to učinili, unesite . Prenos reda će biti umetnut. Ova se oznaka može koristiti za odvajanje različitih particija stranice.

Dio 4 od 6:

Kako promijeniti boje

jedan. Obratite se svom službenom popisu boja i njihovih kodova u HTML boji. Svjetski žičani konzorcij (W3C) vodi službenu listu boja koje se mogu naći na https: // W3.Org / wiki / css / svojstva / boja / ključne riječi. Svaka boja ima formalni naziv, 6-znamenkasti heksadecimalni kod i decimalni. Možete koristiti bilo koji od ovih parametara za podešavanje boje stavki na vašoj stranici. U ovom primjeru, uzet ćemo službena imena boja.

2. Podesite boju pozadine pomoću oznake . Da biste to učinili, morate dodati atribut na oznaku Stil. Pretpostavimo da želite napraviti pozadinu cijele stranice Lavanda (Lavend):

3. Podesite boju teksta za bilo koju oznaku. Atribut Stil Možete koristiti i za označavanje koje boje cijeli tekst boji unutar određene oznake. Na primjer, želite tekst unutar jedne od vaših oznaka bio Midnightblue (Tamno plava):

Promjena boje će dodirnuti tekst samo unutar ove oznake . Ako kasnije otvorite novu oznaku , gde bi tekst takođe trebao imati boju Midnightblue, Atribut "stil" morat će ga morati zatražiti.

4. Podesite pozadinu boja za zaglavlje ili odlomak. Baš kao što odredite boju pozadine za oznaku tijela, možete odabrati pozadinske boje za druge oznake. Na primjer, želite boju pozadine bio Svijetlo siva (svijetlo siva) i boja zaglavlja zaglavlja H1 - Lightskyblue (svijetlo plavo):

Dio 5 od 6:

Kako zatvoriti HTML kod

jedan. Ući , Da biste zatvorili oznaku "Tijelo". Kada završite dodavanje teksta, slika i drugih stavki, unesite navedenu oznaku na dnu HTML dokumenta.

2. Ući , Da biste zatvorili HTML kod. Unesite ovu oznaku pod zatvaranjem oznake "Tijelo". Dakle, obavijestite web pretraživač da nakon ove oznake HTML-kod nije. Svi HTML kôd mora biti približno:

Yandex Fan stranicaPozdrav za vas na mojoj stranici. Fan Page Yandexava Dates1 Januar 2000 - Rođendan YandexClinks za Yandex: Href ="http: // Da.Ruž"> Yandex

Deo 6 od 6:

Kako uštedjeti i otvoriti web stranicu

jedan. Pretvorite dokument u normalan tekst (samo za korisnike makronatora). Kliknite "Format" (na vrhu ekrana)> "Stvorite jednostavan tekst" (u padajućem izborniku).

Nemoguće je da ne radi u operativnom sistemu Windows.

2. Kliknuti Dosije. Ova je opcija na traci izbornika na vrhu ekrana.

3. Kliknite od Sačuvati kao. Ovu opciju ćete pronaći u meniju Datoteka.

Takođe možete kliknuti Ctrl+S (Windows) ili ⌘ Naredba+S (MAC).

4. Unesite ime HTML dokumenta. Unesite ga u nizu "Naziv datoteke" (Windows) ili "naziv" (MAC).

pet. Promijenite format datoteke pomoću TXT-a na HTML-u. Za ovo:

Windows - Kliknite na izbornik "Tip datoteke", odaberite "Sve datoteke", a zatim unesite .Html Na kraju imena datoteke.

MacOS - Na kraju imena datoteke umjesto toga .PORUKAUći .Html.

6. Kliknite od Sačuvati. Ova je opcija na dnu prozora. HTML datoteka će se stvoriti.

Obično HTML datoteke otvorene u zadanom web pretraživaču.

7. Zatvorite uređivač teksta. Sada otvorite HTML datoteku u pretraživaču u kojem možete pregledati kreiranu web stranicu.

osam. Otvorite HTML datoteku u pretraživaču. Da biste to učinili, dvaput kliknite HTML datoteku. Ako je obaviještena greška, uradite sljedeće:

Windows - Kliknite datoteku desnog kliknite, odaberite "Otvori sa", a zatim kliknite željeni preglednik.

MacOS - Kliknite na datoteku, kliknite na "datoteku", odaberite "Otvori sa", a zatim odaberite željeni preglednik.

devet. Uredi HTML dokument (ako je potrebno). Možete primijetiti grešku na stranici. Da biste ga popravili, izvršite promjene sadržaja HTML datoteke:

U Windows-u kliknite na Desnim klikom na datoteku i odaberite "Edit" (ako je Notepad ++ instaliran na računaru, odaberite opciju "Uredi u notepad ++").

Kliknite na MacOS datoteku, kliknite "Datoteka", odaberite "Otvori sa" i kliknite "TexteDit". Sada povucite HTML datoteku u prozor TexteDit.

Savjeti

Možete dodati bočnu traku za pomicanje teksta pomoću oznake .Ali zapamtite da neki preglednici ne prepoznaju ovu oznaku.
Mnogi ljudi koriste Notepad ++ za pisanje i sastavljanje koda.
Svaka oznaka treba zatvoriti. Na primjer, oznake To bi trebalo biti zatvoreno ovako: .
Da biste razjasnili sliku na stranici, unesite Nakon naziva slike u oznaci "img" (na primjer, ).

Upozorenja

Učitajte svoje slike na Imgur ili slično ako ih dodate u svoju web stranicu. Zapamtite da upotreba slika koje pripadaju drugim ljudima krše autorsko pravo.