Code n' Social

Miről szól ez a lecke?

Ebben a leckében megtanulunk felsorolásokat létrehozni weboldalon. A felsorolásoknak két típusát fogjuk megkülönböztetni: a felsorolt elemeket megszámozhatjuk, vagy ha a sorszám/darabszám lényegtelen, használhatunk azonos jelet a felsorolás minden elemének megjelölésére.

Új címkék ebben a leckében:
<ul> </ul> - a rendezetlen/számozatlan lista megjelölésére szolgál. Az "unordered list" rövidítése (jelentése: "rendezetlen lista").
<ol> </ol> - számozott lista megjelölése a szerepe. Az "ordered list" rövidítése (jelentése: "rendezett lista").
<li> </li> - listaelem, mindkét típusú lista esetén. A "list item" rövidítése (jelentése: "lista elem").

Kiegészítések

A listajelek típusának megadása
A HTML címkék rendelkezhetnek attribútumokkal (tulajdonságokkal). A listák esetén a type attribútum (tulajdonság) különböző értékeivel módosíthatjuk a listajeleket mindkét típusú listában. A HTML nyelv fejlődése során folyamatosan vonják vissza az attribútumokat, és helyezik át az ilyen típusú beállításokat a CSS stílusleíró nyelv hatáskörébe.

A type attribútum lehetséges értékei:
Számozatlan listák esetén:

<ul type = "square"> - négyzet
<ul type = "disc"> - körlap
<ul type = "circle"> - kör

Számozott listák esetén:

<ol type = "1"> - számok
<ol type = "I"> - római számok nagy betűkkel
<ol type = "i"> - római számok kisbetűkkel
<ol type = "A"> - nagybetűk
<ol type = "a"> - kisbetűk

Feladatok

1. Másolja a következő szöveget az index html fájl végére, , és formázza meg a rendezett és rendezetlen listák kombinációjára.1. Az első sorban lévő szövegnek egy második szintű fejlécnek kell lennie.

A weboldal elkészítéséhez, következő lépéseket tesszük a:

Először egy egyszerű vizuális bemutatásra van szükség, beleértve a következőket:

az oldalszerkezet vázlata (azaz „király”);
formák és színek;
szemléltető képek.
2. Ezután egy tényleges dinamikus és interaktív weblapra kell szkriptelni, amely:
gombok a navigációból;
feltöltendő bejegyzések;
aranyos képek;
hátulról láthatatlan adatok (úgynevezett back-end, amely szabályozza a gombokat, a bejegyzéseket és az arányos képeket).

3. A szerver , amely az a hely, amely tárolja és az oldalakat, és kiszolgálja a felhasználokat.

Tekintsd meg az eredményt

2. Szerkeszd a toplangs.html fájlt és tedd a .„A legnépszerűbb programozási nyelvek2018-ban” egy h3 -re „és a programozási nyelvek felsorolása” rendezetlen listába , négyzet alakú szimbólumokkal

Tekintsd meg az eredményt

3. Szerkeszd a tips.html címkét és formázd a szöveget a benne szereplő megjegyzések szerint.

Tekintsd meg az eredményt