Etichete html și crearea site-ului (partea 3), codeacademy

Etichete html și crearea site-ului (partea 3), codeacademy

Citiți materialul anterior
Deci, prima pagină a fost creată. Mai mult decât atât, pentru a face mai ușor de explicat, face acest lucru: Creați o nouă pagină în Notepad (Notepad) și salvați-l în același folder în care este pagina index.html, și numesc, de exemplu next.html.







Deschideți acum această pagină nouă în Notepad și lipiți acest cod aici:

Așadar, am creat două pagini HTML statice. Și acum să analizăm toate etichetele, atributele și valorile noi.

Să începem cu prima pagină:
etichetă

- (prezentat în dimensiune reală) creează titlurile primului nivel.

Doar 6 nivele de titluri și primul - cel mai mare în dimensiune. De asemenea, în exemplul nostru, această etichetă conține și atributul align = "" în citate este centrul parametrilor. Acest atribut vă permite să se alinieze toate poziția în centru, la stânga sau la dreapta, respectiv, prin modificarea unui parametru în atributul citate la stânga sau la dreapta.

În urma etichetei de titlu este o etichetă - Această etichetă este responsabilă pentru formatarea textului în pagina HTML. Etichetați în sine nu înseamnă nimic, dar datorită culorii atribut = „“ introducere valoarea dorită (în acest caz roșu), puteți schimba culoarea textului, și cu ajutorul feței atribut = „“ (în acest caz, Tahoma), puteți schimba stilul fontului.

Când creați site-uri, este mai bine să folosiți fonturi precum Arial, Tahoma, Verdana. Acestea sunt fonturile care sunt implicite pentru toate versiunile de Windows. Căutăm mai departe codul: eticheta







- Vă permite să faceți paragrafe în textul în care este inserată această etichetă. Această etichetă conține un atribut important ca aliniere "", care vă permite de asemenea să mutați textul - spre stânga în centru.

Următorul etichetă - - vă permite să introduceți textul inclus în această etichetă cu caractere aldine.

Dacă imaginea se află pe computer și în același folder unde sunt paginile html, atunci este scris astfel

De asemenea, trebuie să specificați dimensiunile imaginii - lățimea lățimii = "" și înălțimea înălțime = "". Atributul align = "" aliniază imaginea, în cazul nostru spre stânga, iar textul va curge în jurul imaginii din dreapta.

Dar această imagine nu este blocat la textul de a face hspace indentare = „“ - de mai sus / jos (dimensiunea citat este specificată în pixeli) și vspace = „“ - dreapta / stânga. Atributul alt = "" este opțional, dar este mai bine să îl folosești, ajută la optimizarea motorului de căutare. Acest atribut specifică numele imaginii pe care utilizatorul nu o poate vedea, dar este înțeleasă de browser și de robotul de căutare.

De asemenea, între etichete

puteți pune o etichetă de pereche care vă permite să faceți textul italic.

Următorul etichetă -

    . După cum puteți vedea, este asociat. Funcția sa este că, împreună cu eticheta pereche
  • vă permite să creați liste cu marcatori în HTML. De asemenea, etichetați
      Acesta conține tipul de atribut = "" care specifică tipul listei cu marcatori. În cazul nostru, acestea sunt pătrate. Pentru a crea o listă numerotată în locul unei etichete
        puneți o etichetă
          . care, la rândul său, cu tipul atributului "" și cifrele din citate (roman sau arab) vor crea o listă numerotată. Și dacă puneți o literă latină în citate - lista va începe cu această scrisoare.

          Atributul target = "_ blank" vă permite să comutați pagina deschisă într-o filă nouă de browser când faceți clic pe link. Și încă un atribut title = "" care răspunde la denumirea de referință, un nume care va fi înțeles de browser și de robotul de căutare.

          Există o altă etichetă care vă permite să faceți o împachetare text pe o linie nouă. Etichetă unică
          vă permite să efectuați transferul în orice loc unde va rămâne această etichetă.
          De asemenea, vreau să adaug că eticheta de asemenea, are propriile atribute, care au scopul lor. De exemplu, link-ul de atribut = „roșu“ vă permite să facă nevizitat niciodată link către această pagină a atributului VLINK roșu = „portocaliu“ a vizitat link-ul face portocaliu și atributul ALINK = „galben“ colorează link-ul clickable în galben. Desigur, toate culorile pot fi schimbate în orice convenabil pentru tine.







          Articole similare

          Trimiteți-le prietenilor: