HTML címkék és honlap (3. rész), Codecademy

HTML címkék és honlap (3. rész), Codecademy

Olvassa el korábbi anyag
Tehát, az első oldal jön létre. Továbbá, hogy könnyebb elmagyarázni, ezt: Hozzon létre egy új oldalt Jegyzettömb (Notepad), és mentse ugyanabba a mappába, ahol a index.html oldalt, és hívja meg, például next.html.

Most nyissa meg az új oldal a Notepad be ezt a kódot erre:

Így hoztuk létre két statikus HTML oldalak. És most nézzük meg a sorrendben az összes új tag, attribútumok és értékek.

Kezdjük az első oldalon:
címke

- (A képen a tényleges mérete) létrehoz egy első szintű fejlécet.

Csak 6 szint alá tartozó, és az első - a legnagyobb méretű. Szintén ebben a példában a címke tartalmazza az attribútum align = „” idézőjelbe érdemes beállítási központot. Ez az attribútum lehetővé teszi, hogy összehangolják vámtarifaszám központjában, balra vagy jobbra, illetve a változó paraméter az attribútum idézi balra vagy jobbra.

Miután a cím az a tag - Ez a címke felelős formázás a szöveget a HTML oldalt. Címkézze önmagában nem jelent semmit, de hála az attribútum color = „” forgalomba a kívánt értéket (ebben az esetben piros), meg lehet változtatni a szöveg színét, és a segítségével attribútum face = „” (ebben az esetben, Tahoma), meg lehet változtatni a betűtípust.

Ha így jobb oldalak használata a betűtípus, mint Arial, Tahoma, Verdana. Ezek a betűtípusok, amelyek az alapértelmezett minden Windows-verziók. Lent a kódot: tag

- Ez lehetővé teszi, hogy a fenti a szövegben, ahol a címke van helyezve. Ez a címke egy ilyen fontos tulajdonság, mint align = „”, amely lehetővé teszi, hogy a szöveg gördül - a jobbról balra a közepén.

A következő címke - - Ez lehetővé teszi, hogy szöveget, ami zárt ezt a címkét merész.

Ha a kép a számítógépen, és ugyanabban a mappában, ahol a html oldalak - mi van írva, mint

Szintén biztos, hogy adja meg a kép méretét - szélessége width = „” height és height = „”. Képesség align = „” align a képet, ebben az esetben a bal oldali és a szöveg lezárja a kép körül, illetve a jobb oldalon.

De a kép nem ragadt a szöveget, hogy nem behúzás hspace = „” - felett / alatt (idézi megadott méretű pixel) és vSpace = „” - jobbra / balra. Képesség alt = „” nem kötelező, de jobb, ha ez segít a kereső optimalizálás. Ez a jellemző a nevét a képet, hogy a felhasználó nem látja, de ez érthető a böngésző és a kereső robot.

Továbbá, a címkék

Akkor tegyük tag pár amely lehetővé teszi, hogy a szöveg dőlt.

A következő címke -

    . Mint látható, ez megduplázódik. az a feladata, hogy együtt a pár tag
  • ez lehetővé teszi, hogy a felsorolások HTML. is tag
      tartalmazza az attribútum type = „”, amely meghatározza, hogy milyen típusú golyó. A mi esetünkben ez négyzetek. Ahhoz, hogy hozzon létre egy számozott lista helyett a címke
        teszünk egy tag
          . ami viszont a tulajdonság type = „” és számjegyek idézőjelbe (római vagy arab) létrehoz egy számozott lista. És ha idézőjelbe a latin betű - a lista kezd azzal a levéllel.

          Képesség target = „_ blank” váltani az oldal megnyílik egy új böngésző lapon, ha rákattint a linkre. És egy másik tulajdonság title = „”, amely választ ad a kijelölése referencia, amelynek neve érthető lesz a böngésző és a kereső pókok.

          Van még egy tag, hogy lehetővé teszi át a szöveget egy új sort. egyetlen tag
          Ez lehetővé teszi, hogy adja át minden olyan hely, ahol nem lesz a címkét.
          Azt is szeretném hozzátenni, hogy tag is saját attribútumokat, amelyek céljukat. Például az attribútum link = „red” lehetővé teszi, hogy nem látogatott soha erre az oldalra hivatkoznak a piros attribútum vlink = „narancs” látogatott link teszi a narancs és attribútum alink = „sárga” festi a kattintható link sárga. Természetesen minden szín lehet változtatni bármikor kényelmesen az Ön számára.

          Kapcsolódó cikkek