Selectarea informațiilor din HTML
Să începem cu un exemplu simplu - vom primi titluri și subtitrări și le vom scoate imediat înainte de articol.
Elementul div cu id "toc" va fi un container pentru referințe de conținut (poate fi adăugat și dinamic, dar pentru acest exemplu vom folosi o structură statică). Un exemplu de articol este plasat într-un element div cu id "content".
Acest script va genera următorul cod HTML:
Și anteturile vor arăta astfel:
Remediem poziția conținutului
Al doilea pas este de a seta elementul cu id "toc" la proprietatea float valoarea stânga cu poziția fixă și pentru elementul cu id "content" setați proprietatea float la valoarea corectă.
Ideea este de a obține poziția tuturor titlurilor și de a le dimensiona pe verticală pe pagină. Deci puteți obține o idee vizuală a lungimii secțiunii.
Modificați scriptul de la demonstrația anterioară:
Acest cod determină poziția fiecărui antet (current.position (). Top) și stabilește scara pentru umplerea structurii de conținut. După adăugarea de linkuri HTML, noua poziție este specificată utilizând CSS. Linkurile HTML sunt pozitionate absolut. De asemenea, fiecare tip de antet are o dimensiune diferită a fontului. CSS pentru Demo 3 arată astfel:
concluzie
Această abordare a designului articolelor permite utilizatorului să estimeze volumul materialului și să meargă la secțiunea dorită. În acest caz, generarea unei astfel de funcționalități este efectuată automat pentru orice material care va corespunde unui format simplu.
Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!
Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!
Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!