HTML popisi s oznakama i brojevima: teoretski temelji
Ovaj vodič u pristupačnom obliku za početnike opisuje pravila i načine korištenja popisa s oznakama i brojevima. HTML je označni jezik koji počinje učiti web-tehnologije. Kao i svaka polazna točka, ona nema dovoljno sredstava za prevođenje svojih ideja na web stranicu. Ali te granice, koje obuhvaćaju kreativnu prirodu, mogu se razdvojiti pribjegavanjem nekim tehnikama.
primjena
Ona ne popušta mašti da u modernom internetu, prepunom interaktivnih sadržaja, postoji stranica bez teksta. Čak i na takozvanim fotografskim zalihama (web-resurs za spremanje slika), svaka slika ima naslov.
Tekst je osnovna informacija koju korisnik prima, zbog čega se kreće s jedne stranice na drugu. Njegova pozornost privući će i odgoditi točno onu koja se radi profesionalno. Postoje zakoni i pravila za strukturiranje članaka kako u tiskarskoj industriji, tako iu izgledu web stranica. Stvorene su za bolju percepciju informacija, za ljepotu izgleda i za uštedu vremena posjetitelja. I također doprinijeti većem prometu web-lokacije.
Uspješna tehnika je sjedinjenje dugih transfera na popise. A kada otkrivate teško razumljivu temu, često morate koristiti ugniježđene popise. Nakon što su donijeli svoju odluku, budući programeri će biti dužni poštivati volju kupca i morat će nametnuti stranicu na predviđenom rasporedu. Tehnike predstavljanja tekstualnih informacija lako se uče i preporučuju se za uporabu.
vrste
Tekst koristi dvije vrste popisa: numerirane i označene. Obje vrste se aktivno koriste. Iako se mogu vizualno razlikovati, ali nose drugačije značenje.
Numerirani popis u HTML-u koristi se kod navođenja unaprijed određenog broja točaka, a oni su međusobno odvojeni brojevima. Često se njihov broj navodi na popisu prethodne rečenice. Primjer: „Na profesionalnoj web-lokaciji rade tri vrste stručnjaka:
- Web dizajner.
- Stručnjak za sadržaj.
- Web programer. "
Popis s grafičkim oznakama razdvaja predmete jedan od drugog pomoću markera - malih grafičkih elemenata (točkice, krpelji). Koristi se u slučajevima kada broj definicija nije definiran i ako se podrazumijeva postojanje drugih: “Najpristupačniji za početnike koji proučavaju HTML su sljedeći autori u svojim knjigama:
- C. Mussiano;
- B. Henick;
- N. Komolova;
- E. Polonskaya.
Potrebno je slijediti ovo pravilo u većini slučajeva, ali postoje iznimke kada je u suprotnosti s dizajnom kreirane stranice ili konteksta to zahtijeva.
Numerirani popis
Za izradu numeriranog popisa, HTML koristi par oznaka.
- ...
Zadani izlaz je Arapski brojevi ali pomoću određenih parametara oznake
| vrsta | Parametar i vrijednost | Što se događa |
| Velika latinska slova | type = "A" |
B B C |
| Velika slova latinice | type = "a" |
b b c |
| Veliki rimski brojevi | type = "I" | ja II III |
| Mali rimski brojevi | type = "i" | ja ii iii |
Kako napraviti numerirani popis u HTML-u (uključujući brojeve s zagradama) razmatra se u procesu učenja CSS-a.
Označene popisi
Označavanje ove vrste popisa vrši se pomoću oznake.
- i ima sljedeću sintaksu:
- ...
- ...
Ako uzmete prethodni primjer i promijenite oznaku
- na
- jabuke;
- naranče;
- banane;
- krastavci;
- krumpira;
- mrkva.
- voće
- jabuke;
- naranče;
- banane.
- povrće
- krastavci;
- krumpira;
- mrkva.
- voće
- 1,1 jabuka:
- Antonovka
- Bijelo punjenje
- 1,2 naranče;
- 1,3 banane.
- 1,1 jabuka:
- , ispada da:
Oznaka crnog kruga je zadana. Osim toga, postoje još dva tipa:
| vrsta | Parametar i vrijednost | Što se događa |
| prsten | type = "krug" | ° javascript |
| kvadrat | type = "square" | . PHP |
Ugniježeni popis
Ponekad je potrebno koristiti numerirani popis HTML-a s pod-stavkama na stranici web-lokacije koja izgleda ovako:
1. Voće:
2. Povrće:
Da biste to učinili, najprije morate odlučiti koji će popis biti glavni, au markupu trebate dodati još jedan na pravo mjesto, strogo slijedeći pravila označavanja. Ako uzmemo razmatrani primjer, oznaka će izgledati ovako:
Stoga će preglednik prikazati:
Možete izraditi popis s više razina. HTML ne ograničava web-dizajnere na broj privitaka:
Oznaka za označavanje za ovaj primjer je sljedeća:
- 1.1 krastavci;
- 1.2 krumpir;
- 1,3 mrkve.
Treba napomenuti da se oznake koriste u privicima.
- i podstavci (1.1., 1.2.) napisani su ručno. Oznake se prikazuju u pregledniku i pojavljuje se drugačiji tip sa svakim novim privitkom. To ne izgleda vrlo lijepo, ali kako da biste dobili osloboditi od njih, možete naučiti u procesu učenja CSS. Oznake nije moguće ukloniti pomoću čistog HTML-a.
Glavna stvar ovdje - točno promatrati gniježdenje oznaka. Pogreške, pogreške pri upisu dovode do iskrivljenog rezultata!
Vlastiti markeri
HTML značajke prema vrsti oznake vrlo su ograničene. Postoji put oko ove prepreke. Da biste to učinili umjesto oznaka
- i
- umetnite slike s adresom i oznakom prekida retka
na kraju.
Predložena metoda samo izvana na web stranici izgleda kao popis, a zapravo je njezina imitacija i alternativa dosadnom standardnom setu HTML-a. Ovaj trik se ne smatra "lošim" kodom i prolazi provjeru bez smetnji.
Pogodan je za one koji, barem na početnoj razini, posjeduju bilo koji grafički urednik (GIMP, Photoshop). To je potrebno za crtanje grafičkih objekata za upotrebu kao markera. Uz pomoć urednika morate prilagoditi i veličinu slike za tekst.
U svrhu obuke, možete koristiti ikone drugih osoba na testnim stranicama, ali ih ne smijete koristiti na web-mjestima dostupnim za javno gledanje, imajući na umu zakon o autorskim pravima. Postoji dovoljno izvora na kojima uporaba grafike za vlastite potrebe nije ograničena. Međutim, posuđivanje tuđeg materijala smatra se lošim ukusom i ne preporučuje se za stvaranje manje ili više profesionalnih web stranica.