Cum de a crea primul web (HTML) - aspect html

Crearea documentelor WEB

Pregătirea pentru a crea un site web

Ca un exemplu, să pregătească o pagină web a unei companii. Noi o numim „Compania SD», să presupunem că lucrează în domeniul sistemelor de control automat. Scopul site web - spune lumii despre o companie, sfera sa de activitate, căutați parteneri și clienți.

Pentru fișierele de site-ul nostru necesită un dosar separat.

Asigurați-un dosar cu numele de web de pe orice hard disk a computerului. Acum, rulați programul din Notepad (Notepad), și de a ajunge la locul de muncă.

Deschideți programul de la, de exemplu, Notepad (Notepad), făcând clic pe butonul Start (Start) în bara de sistem (Taskbar), și selectați din applet-urile afișate meniu - convențională - Notepad (Programe - Accesorii - Notepad).

La început, vom introduce principalele tag-uri care definesc structura oricărui document HTML. Amintiți-vă că în codul HTML este permis să se utilizeze cel puțin unele sensibile la caz - de sus sau de jos.

Tastați următoarele etichete cheie, punerea oricare dintre ele, cu excepția etichetei de închidere, , în barul modern.

Pentru a introduce o pereche de tag-uri, puteți utiliza operațiile de copiere și inserare prin intermediul clipboard-ul Windows cu următoarea adăugarea de slash / caracter.

Să ne amintim că primul și ultima tag-uri înseamnă, respectiv, la începutul și sfârșitul elementului documentului ... definește elementul antet pagina WEB ... - corpul documentului, iar elementul suntem în acest moment menționăm pagina WEB titlu.

între deschiderea etichete insera titlul documentului - SD Company. Acest element ar trebui să arate modul următor:

Sarcina noastră ulterioară - să rămânem la corpul documentului între etichetele ... mic text de felicitare pagina WEB vizitatori.

Introduceți linia goală între etichetele și și introduce în următorul text:

Bine ati venit la SD companiei! Aici vei afla mai multe despre activitățile, produsele noastre software ale companiei noastre și a echipamentelor pe care le producem.

Pentru fiecare pagină veți găsi culoarea de fundal și culoarea textului. Acest lucru se face prin utilizarea atributul bgcolor și tag-ul de deschidere a textului . Pentru a determina culoarea ca valori ale atributelor, există două opțiuni:

• indicarea verbală a numelui culorii, de exemplu, alb (snow-white). În HTML prevăzut șaisprezece astfel de nume;
• digital signage este în notație hexazecimală, de exemplu, „#FFFFFF“ - alb pur, care arată modul în care culoarea este format din culorile primare - roșu, verde și albastru.

Colorarea prima pagină WEB

Firește, indicația de culoare verbală mai confortabil și mai clar. Pe de altă parte, denumirile numerice sunt date mai multe abilități, deoarece vă permit să specificați aproape oricare dintre 16,777,215 culorilor, în timp ce denumiri verbale sunt limitate doar șaisprezece culori.

Enumerăm câteva nume de culori: negru (negru), gri (gri), roșu (roșu), verde (verde), aqua (albastru).

Utilizare ca un exemplu pentru fundalul azuriu nostru web (albastru), precum și pentru textul - galben (galben).

Conectați eticheta de deschidere atribute bgcolor = „albastru“, iar textul = „galben“. Această etichetă ar trebui să ia forma:

În afară de specificând culorile pentru pagina web de fundal poate fi folosit ca un contur preparat în prealabil. Dar vom vorbi despre acest lucru în viitoare.

Acum, documentul ar trebui să fie păstrate.

În Notepad fereastra de program (Notepad) alege meniul File - Save (File - Save). Salvare de dialog (Save As) pe afișaj.

Deschideți folderul WEB făcut anterior la care este obligat să păstreze toate fișierele site-ul web.

În numele fișierului de intrare (File name), introduceți other.html - deci vom numi acest fișier.

Faceți clic pe Salvare (Save). Save Dialog (Save As) se închide. Fișierul va fi salvat în dosarul desemnat, iar numele său apare în titlul Notepad fereastra applet-uri (Notepad).

Uită-te de lucru

Fără închidere, roll up fereastra applet-uri Notepad (Notepad).

Deschideți folosind applet-uri Explorer (Windows Explorer) dosar WEB în care ați salvat fișierul other.html și dublu-clic pe pictograma sa. browser-ul, implicit va fi lansat și se va deschide o fereastra de document other.html.

Vezi tu, în bara de titlu a browser-ului indică titlul documentului, pe care am introdus în elementul , iar culoarea de fundal a paginii, iar textul - sunt așa cum sunt definite în tag-ul . Textul este afișat în același paragraf, și aliniate la stânga.

Poate că în browser-ul dvs. dimensiunea textului va fi mai mare sau mai mică decât cifra. În acest caz, selectați pentru comanda meniului View - Mărime text - Mediu (View - Mărime text - Mediu) în browser-ul Internet Explorer, pentru a stabili o dimensiune medie a fontului.

Trebuie înțeles faptul că diferite browsere pot avea diferite conținuturi de afișare 1 și același fișier HTML. Deoarece dezvoltarea de pagini web este întotdeauna mai bine pentru a vizualiza rezultatul în toate mai multe dintre browserele preferate - Internet Explorer, Opera, Mozilla. În acest caz, veți fi convins că site-ul dvs. vizitator web va vedea exact ceea ce doriți să arate.

Fără închidere, rândul său, fereastra browser-ului.

Deoarece elementul am introdus textul fără diviziune în paragrafe, browser-ul este afișat în forma primul paragraf și aliniat la stânga. Cine ar trebui să facă textul mai plăcut.

Informații suplimentare privind

Descrierea modului ușor și corect făcut liste de valori pe web pagini (HTML)