Cum se creează o pagină web simpă cu html

În acest articol vă Vom Spne cum să creaţi o pagină web simpănd utilizând Un cod html. Html este Una dintre componetele principale ale internetluui, deoarece specifičnosti strukture paginilor weba. Pagina Web Puteţi Crea înttr-Ured Editor de Tekst Care Este în Windows sau Macos.

Pasi

Agea 1 DIN 6:

Cum se adaugă eticheta "glava" (descriebea Paginii Web)

un. Urednik de Text Deschis. În Windows, Executaţi Notepad-Ul Sau Notepad ++ şi în Macos - TextedIt:

Windows - Deschideţi Meniul početi

, CONVERTESI îN Şirul de Căutare Cail Sau Notepad++, Apoi, Faceţi Clic PE "Notepad" Sau "Notepad ++" Din Set Des a Meniului "Start".

Macos - Faceţi Clic pe "reflektor"

, Predstaviti TextedIt, Şi apoi liceţi dublu Clic pe "textedIt" în partiju des rezultatelor căutării.

2. Predstaviti şi apăsaţi pe ↵ uvođenje. Astfel încât să Informaţi Brownserul Web Că Acesta Este UN dokument HTML.

3. Predstaviti şi apăsaţi pe ↵ uvođenje. Aceara este eticheta de Cod html de deschidere.

4. Predstaviti şi apăsaţi pe ↵ uvođenje. Acaastă etichetă conţine o descriere anei pagini web şi alementu de antet. Conţinutul acestei etichete de pe pagină nu este de tvrtke. Conţinutul Sunt descriebea Paginii, Mesele de Metatat, Stiluri Css şi Alte Limbi de skriptiranje.

Cinci. Predstaviti . Acaaraă etichetă conţine numele paginii.

6. Uvoditi% pagini. UVOĐAČASTA TEXTUL Njega Urmează să fie afişat în fila pagină.

7. Predstaviti şi apăsaţi pe ↵ uvođenje. Acaastă etichetă închide eticheta de nume pagini.

Odlučiti. Predstaviti şi apăsaţi pe ↵ uvođenje. Acaaraă etichetă închide eticheta de opisuju paginiju. În acest Stadiu, codul html ar Trebui să arate aşa.

Pagina mea web

Atea 2 DIN 6:

Cum se adaugă eticheta "corp" (tot conţinutul)

un. Uvođenje eticheta Sub eticheta de închidere "glava". Acearaă etichetă conţine întregul conţinut al dokumentului html. Conţinut această etichetă este afişată pe o pagină weba.

2. Predstaviti . Acaastă etichetă conţine UN titlu paginii. Titlul este estent tekst mare care este de tvrtke. Lokalizat în partiji des a Paginii.

3. CONVERTESI titlul Paginii. Poete fimele Paginii sau a Salutului.

4. Predstaviti După Textul Antetului şi Faceţi Clic PE ↵ uvođenje. Acaaraă etichetă închide eticheta de titlu.

Adăugaţi titluri suplimentare după cum este necesar. Puteţi Crea Până la şse Anteturi - Acest Lucru se suočilo s Folosindom Etichete - . Titlurile vor avea dimesiuni diferite. De Exemplu, codul pentru crearea a trei titluri diferite dimesiuni va:

Bine ati venit pe pagina mea!Numele meu este max.SPER Că nu% polictisitor.

Cinci. Predstaviti . Acearaă etichetă conţine UN paragraf tekst. O astfel de etichetă va afişa tekstul dimesiunii normale.

6. Uvoditi tekstul. De Exemplu, uvesti ispis Paginii web sau Orice Alte Informaţii.

7. Predstaviti După Text şi Faceţi Clic PE ↵ uvođenje. Acearaă etichetă închide eticheta paragrafuful tekst. Mai Jos Este Exemplu de Paragraf DIN Docucul HTML:

Acesta Este Primul ParagAf.

Pentru je CREA MAI MULTE PARAGRAFE sub o rubricy, adăugaţi câteva rânduri la rând.

Schimbaţi Culoarea Textului. La începutul Textului, upoznavanje Eticheta , Şi la sfârşitul etichetei . În de cuvânt "Culoare" Înlocuiţi culoarea dorită (în limba engeză) şi nu Ştergeţi kontaktirati. Aceste Etichete vă Vor dozvola Să Schimbaţi Culoarea Oricărui Tekst (de Exemplu, ANTET). De Exemplu, pentru lica tekstul albastru, uvodi Următorul COD: Balene - Animale Maistease.

De asemenea, fontul poate fi îndrăzneţ, înclinat şi alta. Mai Jos Sunt Exemple de formatAre Tekst Utilizând tag-uri html:

 Tekstul Tekstului Tekstului podebljano  Tekst înlocuit  Tekst Căptuşit

Atea 3 DIN 6:

Cum se adaugă elemente suplimentare

un. Adăugaţi o zamisliti PE pagină. Pentru asta:

Predstaviti . Acearaă etichetă conţine o zamisliti.
Copiaţi şi Lipiţi Adresa Url Maginii După semnul egalitaăţii (=) în citiranje.
Predstaviti > După Imaginea Url pentru a închide eticheta de zamisliti. De Exemplu, Dacă Imaginea Url este http: // Miimage.Com / ocean.Jpg, uvodi Următorul COD:

 Src ="http: // Miimage.Com / ocean.Jpg">

2. Adăugaţi Un link către o altă pagină webu. Pentru asta:

Predstaviti . Acearaă etichetă conţine Un link către o altă pagină.

Copiaţi şi lipiţi adresa url după semnul egalitaăţii (=).

Predstaviti > După url-ul pentru a închide Adresa.

Upovediteţi Textul Link-Ului După Simbolul ">.

Predstaviti După link-ul de Text pentru a închide eticheta de legetură. Mai Jos este exemplu de upućiva la yandex.

 href ="https: // Ya.Rugati"> Yandex.

3. Adăugaţi un dekalaj de şir. Pentru lica acest lucru, uvođenje . Transfer de. Acearaă etichetă poate fi utilizată pentru aperation diferentele partiţii ale pagini.

Atea 4 DIN 6:

Cum sc schimbaţi cormile

un. Contactiţi Lista dvs. OFCICLICE DE CULORI ŞI CODURILE ACESTORA îN Culoarea HTML. Konsatorţiul World Wire (w3c) konzumira o listănănă de culori skrb lonac la https: // W3.Org / wiki / css / proprietăţi / culoare / cuvinte cheie. Feicare Culoare su UN nume formalni, cod heksazecimal de 6 cifre şi zecimal. Puteţi utiliza oricare dintre aceşti parametri pentru a seta culoarea Elementer de PE Pagina DVS. Na Acest Exemplu, Vom Lua numele o office Ale Culoriljo.

2. Setaţi Culoarea de fundal utilizând eticheta . Pentru lica acest Lucru, Trebuie să adăugaţi Un atribut la etichetă Stil. Să pestuupunem că doriţi să faceţi fundalul întregii pagini Lavandă (Lavend):

3. Setaţi Culoarea Tekstului pentru orice etichetă. Atribut Stil De asemenea, puteţi utiliza pentru adica ce c culoare a întregului tekst înttr-o etichetă specifience. De Exemplu, doriţi tekstul într-ubul din etichetele ds Frost Miezul Nopţii (Albastruch Inchis):

Schimbarea Culorii va atinge doar tekstul în cadlarl acesei etichete . Dacă mai târziu deschideţi o nouă etichetă , Unde Textul Ar Trebui să aibă şi culoare Miezul Nopţii, Atributul "Stil" va trebui să-l Ceară.

4. Setaţi Fundalul Culorilor Pentru Antet Sau ParagAf. Aşa cum specificaţi Culoarea de fundal pentru eticheta corpului, puteţi alege culorile de fundal pentru alte etichete. De Exemplu, doriţi Culoarea de fundal Frost Gri deschis (Gri deschis) şi culoarea antetului antetului h1 - LightskyBlue Albastruški deschis:

Atea 5 DIN 6:

Cum Să închideţi codul html

un. Predstaviti , Pentru a închide eticheta "corpului". CLAND TERMINAţI ADăUGAREA TEXTULUI, imaginilor şi a alor element.

2. Predstaviti , Pentru a închide codul html. CONVENTESI ACEASTO ETICHETă sub eticheta de închidere "corp". Astfel încât să Informaţi Brownserul Web Că, După Acearaă etichetă, codul html nu este. Zoite CODURILE HTML Trebuie Să Fie Aproximativ:

Ventilator yandexSalutări Pentru Tine PE pagina"http: // Ya.Rugati"> Yandex

Atea 6 DIN 6:

Cum să salvaţi şi să deschideţi o pagină weba

un. Conversia Docucului la Tekst Normal (Numai pentru utilizatorii MACOS). Faceţi Clic PE "format" (în partye dess a ecranului)> "Creaţi UN tekst simpu" (în muniul derkulant).

Este imposibil să nu facei în prozore.

2. Klic Fişier. Aceara Opţiune se află în bara de meniu din partiju des a ecranului.

3. Faceţi Clic Cu Salvează ca. Veţi Găsi Această Opţiune în Meniul Fişier.

De asemenea, puteţi să Faceţi Clic PE Ctrl+S (Windows) sau ⌘ Comandă+S (Mac).

4. Uvodite% numele Doculului html. CONDOVISI-L îN "NUME FIŞIER" (Windows) SAU "NUME" (MAC).

Cinci. Schimbaţi format de fişer cu txt p pet html. Pentru asta:

Windows - Faceţi Clic PE Meniul "Savjet de fişier", Selectorţi "Toide Fişieelele", Apoi Uvod Uportuţi Apoi .Html La sfârşitul numelui fişierului.

Macos - La sfârşitul numelui fişierului .TxtPredstaviti .Html.

6. Faceţi Clic Cu Salva. Aceara Opţiune se află în deter de jos freestrei. Fişierul html va fi cheat.

De tvrtke Obicei, Fişierele HTML Sunt Deshchose în Browser Web Implicit.

7. Închideţi Editorul de Tekst. Acum Deschideţi Fişierul Html Din Bro Brovnica în Care Pageţi vizualiza Pagina Web Creată.

Odlučiti. Deschideţi Fişierul HTML DIN preglednik. Pentru lica acest Lucru, Faceţi dublu Clic PE Fişierul HTML. Dacă este notificată o eroare, proceducija în Felul Următor:

Windows - Faceţi Clic PE Fişierul Clic Dreapta, Selectorţi "Deschideţi cu" şi apoi Faceţi Clic PE Brongrul Dorit.

Macos - Faceţi Clic PE FIŞer, Faceţi Clic PE "FIŞIER", SELECTAţi "Deschideţi cu", apoi Selektiţi Preglednica Doriti.

nouă. Editaţi Documentul HTML (Dacă Esthe Pogresor). Puteţi promatra o grešeală pe peći pagină. Pentru Remedia, efectuaţi modificări în conţinutul fişierului html:

În Windows, Faceţi Clic PE Fişierul Clic Dreapta şi SelectorAţi "Editare" (Dacă Notepad ++ este Instatat PE računalo, Selectaţi Opţiunea "Editare în Notepad ++").

Faceţi Clic PE Fişierul Macos, Faceţi Clic PE "FIŞIER", Selectorţi "Deschideţi cu" şi Faceţi Clic PE "Textit". Acum Glisaţi Fişierul HTML na fereaktu.

sfaturi

Puteţi adăuga o bandă laterală de Text Derulantă utilizând o etichetă .Dar amintiţi-vă Că Unelere Browere Nu RECUNOSC Această Etichetă.
Mulţi OamenESC Notepad ++ Pentru A Scrie şi Compili Codul.
Feicare etichetă trebuie să se închidă. De Exemplu, Etichete Ar Trebui să fie închis ca acesta: .
Pentru a Clarifi Imaginea de pe pagină, upoznavanje După numele imaginii din eticheta "img" (de exemplu, ).

Avertizări

Încărcaţi fotografile la imgur sau similare dacă le veţi adăuga pe pagina dvs. Mreža. Amintiţi-vă că utilizarea Imaginilor skrb aparţin ogorčena încalcă drepturile de Autor.