Horizontālas līnijas izveide HTML

Saturs

• Instrukcijas
• Mans dokuments
• Paziņojums
• Kas jums nepieciešams

Horizontālās līnijas ļauj tīmekļa redaktoram atdalīt lapas apgabalus mazākās, sagremojamās daļās, tādējādi liekot lietotājam koncentrēties uz to, kas tiek prezentēts. Atšķirībā no pasvītrojuma taga , horizontālā līnija nav saistīta ar tekstu virs vai zem tā. To var novietot arī pa kreisi, pa labi vai centru, un tā var būt jebkura krāsa, biezums vai augstums, ko izvēlas redaktors. Šī apmācība jums māca izveidot brūnu, biezu, kreisās malas horizontālo līniju, kas atdala galveno nosaukumu no dokumenta korpusa, kas ir tukšs.

Instrukcijas

Pilnas tīmekļa lapas ekrānuzņēmums (Visi attēli ir ekrāna kadri, ko izveidojis Ēriks Tildens)

1. Starp tagiem ievadiet šādu informāciju:

   Mans dokuments

   Iestatiet dokumenta galveni, izmantojot tagus

   . Šajā tagā meklētājprogrammām tiek ziņots, ka vārdi starp tiem ir vissvarīgākā lapa. Šī virsraksts būs tīmekļa lapas nosaukums, kas nozīmēs horizontālās līnijas izmantošanu.

   

   1. solis

2. Ievadiet horizontālo atzīmi, kā parādīts:

   ---

   Horizontālajai līnijas atzīmei nav gala atzīmes. Pirms galvenā signāla iekļaujiet atstarpi un slīpsvītru.

   

   2. solis

3. Pievienojiet atribūtu "pielīdzināt" un iestatiet to uz "pa kreisi", kā norādīts:

   ---

   
   

   

   3. solis

4. Pievienojiet atribūtu "lielums" un iestatiet to uz "4", kā parādīts:

   ---

   Atribūts "lielums" nosaka, cik bieza līnija ir pikseļos.

   

   4. solis

5. Pievienojiet atribūtu "platums" un iestatiet to uz "370", kā norādīts:

   ---

   Atribūta "platums" vērtība nosaka, cik ilgi līnija ir pikseļos.

   

   5. solis

6. Horizontālajai līnijai pievienojiet atribūtu "color" un iestatiet to uz "maroon", kā parādīts:

   ---

   Šīs atzīmes krāsu var iestatīt uz jebkuru standarta vai heksadecimālo krāsu. Pirms heksadecimālās krāsas jābūt "#" zīmei.

   
   

   

   6. solis

7. Saglabājiet dokumentu un nosūtiet to uz savu serveri. Atveriet pārlūkprogrammu un atrodiet lapu. Tam ir jābūt horizontālai brūnai līnijai zem dokumenta nosaukuma.

   

   Mājas lapa ir gatava

Paziņojums

• Tag

  ---

  ir novecojis, un W3Schools mudina izmantot modificētus viena pikseļa attēlus, izmantojot stila lapas instrukcijas, lai pagarinātu vai palielinātu līnijas līdz vēlamajam izmēram.

Kas jums nepieciešams

• Teksta redaktors, piemēram, avota rediģēšana (skatiet resursus)
• Programmatūra dokumentu sūtīšanai, piemēram, FileZilla (skatīt resursus)
• Vieta serverī