Goljufski list HTML Essentials: oznake, atributi in drugo

Goljufski list HTML Essentials: oznake, atributi in drugo

Ustvarjanje spletnih strani se začne s HTML -jem. Polepšanje in interaktivnost pride kasneje. Če želite začeti ustvarjati funkcionalna statična spletna mesta, morate razumeti HTML. (Želite hiter uvod v ta označevalni jezik? Preberite naša pogosta vprašanja o HTML -ju.)





Kot del učenja jezika je dolg seznam elementov, ki jih morate dodati v svoj besednjak HTML. Ta naloga se lahko na prvi pogled zdi zastrašujoča, zato smo pripravili naslednjo goljufijo. Omogoča vam preprost način odkrivanja/razumevanja/priklica elementov HTML, kadar koli jih potrebujete.





Goljufanje zajema oznake in atribute za strukturiranje spletnih strani, oblikovanje besedila, dodajanje obrazcev, slik, seznamov, povezav in tabel. Vključuje tudi oznake, ki so bile uvedene v kodah HTML5 in HTML za pogosto uporabljene posebne znake.





kako oddati mac v roku

BREZPLAČEN PRENOS: Ta goljufija je na voljo kot PDF za prenos od našega distribucijskega partnerja TradePub. Če želite prvič dostopati do njega, boste morali izpolniti kratek obrazec. Prenesi Goljufski list HTML Essentials .

ali lahko prekličete venmo plačilo

Goljufski list HTML Essentials

......
BližnjicaDejanje
Osnovne oznake
...Prva in zadnja oznaka dokumenta HTML. Vse ostale oznake se nahajajo med temi odpiralnimi in zaključnimi oznakami.
...Določa zbirko metapodatkov za dokument.
...Opisuje naslov strani in se prikaže v naslovni vrstici brskalnika.
...Vključuje vso vsebino, ki bo prikazana na spletni strani.
Informacije o dokumentu
Omenja osnovni URL in vse relativne povezave do dokumenta.
Za dodatne informacije o strani, kot so avtor, datum objave itd.
Povezave do zunanjih elementov, kot so slogovni listi.
...Vsebuje informacije o slogu dokumenta, kot je CSS (Cascading Style Sheets).
...Vsebuje povezave do zunanjih skriptov.
Oblikovanje besedila
... ALI
...
Besedilo je krepko.
... Počisti besedilo in ga naredi krepko.
... Počisti besedilo, vendar ga ne naredi krepko.
...Prečrtano besedilo.
...Citira avtorja citata.
...Označi izbrisani del besedila.
...Prikaže razdelek, ki je bil vstavljen v vsebino.
...
Za prikaz narekovajev. Pogosto se uporablja z oznako.
...Za krajše citate.
...Za okrajšave in polne obrazce.
...Določa kontaktne podatke.
...Za definicije.
... Za odrezke kode.
...Za pisanje podpisov
...Za pisanje nadnapisov.
...Za zmanjšanje velikosti besedila in označevanje odvečnih informacij v HTML5.
Struktura dokumentov
...Različne stopnje naslovov. H1 je največji in H6 najmanjši.
...
Za razdelitev vsebine na bloke.
...Vključuje vgrajene elemente, kot so slika, ikona, emotikon, ne da bi pri tem uničili oblikovanje strani.

...



Vsebuje navadno besedilo.

Ustvari novo vrstico.

Nariše vodoravno črto za prikaz konca razdelka.
Seznami
    ...
Za naročeni seznam artiklov.
    ...
Za neurejen seznam predmetov.
  • ...
  • Za posamezne postavke na seznamu.
    ...
    Seznam postavk z definicijami.
    ...
    Opredelitev enega samega izraza v skladu z vsebino telesa.
    ...
    Opis opredeljenega izraza.
    Povezave
    ... Sidrna oznaka za hiperpovezave.
    ... Oznaka za povezavo do e -poštnih naslovov.
    ... Sidrna oznaka za vnos kontaktnih številk.
    ... Sidrna oznaka za povezavo do drugega dela iste strani.
    ... Pomakne se do razdelka div na spletni strani. (Različica zgornje oznake)
    Slike

    Za prikaz slikovnih datotek.
    Atributi za oznaka
    src = urlPovezava do izvorne poti slike.
    alt = besediloBesedilo, prikazano, ko miško premaknete nad sliko.
    višina =Višina slike v pikslih ali odstotkih.
    širina =Širina slike v slikovnih pikah ali v odstotkih.
    poravnaj =Relativna poravnava slike na strani.
    meja =Debelina obrobe slike.
    ...Povezava do zemljevida, ki ga je mogoče klikniti.
    ...
    Ime slike zemljevida.
    Območje slike zemljevida slike.
    Atributi za oznako
    oblika = 'Oblika območja slike.
    koords =Koordinate območja slike zemljevida.
    Obrazci
    ...Nadrejena oznaka za obrazec HTML.
    Atributi za oznako
    akcija = urlURL, na katerem so predloženi podatki obrazca.
    metoda =Določa protokol za oddajo obrazca (POST ali GET).
    enctype =Shema kodiranja podatkov za predložitve POST.
    samodejno dokončanjeDoloča, ali je samodejno dokončanje obrazca vklopljeno ali izklopljeno.
    razveljavitiDoloča, ali je treba obrazec potrditi pred oddajo.
    sprejem-naboreDoloča kodiranje znakov za oddajo obrazcev.
    tarčaPrikaže, kje bo prikazan odgovor na oddajo obrazca.
    ...Združi povezane elemente v obliki/
    ...Določa, kaj mora uporabnik vnesti v vsako polje obrazca.
    ...Napis za element polja.
    Določa, kakšno vrsto vnosa vzame uporabnik.
    Atributi za oznako
    tip =Določa vrsto vnosa (besedilo, datume, geslo).
    ime =Podaja ime vnosnega polja.
    vrednost =Podaja vrednost v vnosnem polju.
    velikost =Nastavi število znakov za vnosno polje.
    največja dolžina =Nastavi dovoljeno omejitev vnosnih znakov.
    zahtevanoPolje za vnos je obvezno.
    širina =Nastavi širino vnosnega polja v slikovnih pikah.
    višina =Nastavi višino vnosnega polja v slikovnih pikah.
    namestnik =Opisuje pričakovano vrednost polja.
    vzorec =Določa regularni izraz, ki ga lahko uporabite za iskanje vzorcev v uporabnikovem besedilu.
    min =Najmanjša dovoljena vrednost za vhodni element.
    max =Največja dovoljena vrednost za vhodni element.
    onemogočenoOnemogoči vnosni element.
    ...Za zajemanje daljših nizov podatkov od uporabnika.
    ...Določa seznam možnosti, med katerimi lahko uporabnik izbira.
    Atributi za oznako
    ime =Določa ime spustnega seznama.
    velikost =Število možnosti, ki so na voljo uporabniku.
    večkratenDoloča, ali lahko uporabnik izbere več možnosti s seznama.
    zahtevanoDoloča, ali je za oddajo obrazca potrebna izbira možnosti.
    samodejno ostrenjeDoloča, da se spustni seznam samodejno osredotoči po nalaganju strani.
    ...Določa elemente na spustnem seznamu.
    vrednost =
    Prikaže besedilo za katero koli možnost.
    izbranoNastavi privzeto možnost, ki se prikaže.
    ...Oznaka za ustvarjanje gumba za oddajo obrazca.
    Objekti in okvirji iFrames
    ...Opisuje vgrajeno vrsto datoteke.
    Atributi za oznako
    višina =Višina predmeta.
    širina =Širina predmeta.
    tip =Vrsta medija, ki ga vsebuje predmet.
    Vgrajen okvir za vdelavo zunanjih informacij.
    ime =Ime iFrame.
    src =Izvorni URL vsebine v okviru.
    srcdoc =Vsebina HTML v okviru.
    višina =Višina okvirja iFrame.
    širina =Širina okvirja iFrame.
    Doda dodatne parametre za prilagoditev okvira iFrame.
    ...Vgradi zunanjo aplikacijo ali vtičnik.
    Atributi za oznako
    višina =Nastavi višino vdelave.
    širina =Nastavi širino vdelave.
    tip =Vrsta ali oblika vdelave.
    src =Izvorna pot vdelane datoteke.
    Tabele
    ...
    Določa vso vsebino tabele.
    ...
    Opis mize.
    ...Glave za vsak stolpec v tabeli.
    Določa telesne podatke za tabelo.
    ...Opisuje vsebino za nogo tabele.
    Vsebina za eno vrstico.
    ...Podatki v eni sami glavi.
    ...Vsebina v eni celici tabele.
    ...
    Skupine stolpcev za oblikovanje.
    En sam stolpec informacij.
    HTML5 Nove oznake
    ...Podaja glavo spletne strani.
    ...Določa nogo spletne strani.
    ...Označuje glavno vsebino spletne strani.
    ...Določa članek.
    ...Določa vsebino stranske vrstice strani.
    ...Določa določen razdelek na spletni strani.
    ...Za opis dodatnih informacij.
    ...Uporablja se kot naslov zgornje oznake. Uporabniku je vedno vidno.
    ...Ustvari pogovorno okno.
    ...Uporablja se za vključevanje grafikonov in številk.

    ...

    Opisuje element.
    ...Poudarja določen del besedila.
    ...Niz navigacijskih povezav na spletni strani.
    ...Določena postavka s seznama ali menija.
    ...Meri podatke v določenem obsegu.
    ...Namesti vrstico napredka in sledi napredku.
    ...Prikaže besedilo, ki ne podpira pripisov Ruby.
    ...Prikaže podrobnosti o tipografiji vzhodne Azije.
    ...Ruby opomba za vzhodnoazijsko tipografijo.
    ...Določa čas in datum.
    Prelom vrstice v vsebini.
    ¹ Predmeti znakov HTML5
    " ALI
    & quot;
    Narekovaji
    < ALI
    & lt;
    Manj kot znak (<)
    > ALI
    & gt;
    Znak večji od (>)
      ALI
    ;
    Neprekinjen prostor
    © ALI
    &kopirati ;
    Simbol avtorskih pravic
    ™ ALI
    & ucirc;
    Simbol blagovne znamke
    @ ALI
    & Uuml;
    pri simbolu (@)
    & ALI
    & amp;
    Simbol znaka & ()
    • ALI
    & ouml;
    Majhna krogla
    ¹ Med vnašanjem znaka HTML prezrite presledke pred podpičjem.

    Ustvarite spletno mesto za praktične izkušnje

    Ko boste razumeli osnove HTML kode in dobro poznate CSS in JavaScript, preizkusite se v izdelavi spletnega mesta . Prav tako ne pozabite shraniti našega lista podatkov o lastnostih CSS3 in JavaScript goljufija za prihodnjo uporabo!





    Deliti Deliti Cvrkutati E-naslov Kako dostopati do Googlove vgrajene ravni mehurčkov v sistemu Android

    Če ste se kdaj morali prepričati, da je nekaj na nivoju, lahko zdaj v nekaj sekundah v telefonu dobite raven mehurčkov.

    nekdo me je blokiral na facebooku, vendar lahko vidim njihovo sliko
    Preberite Naprej Sorodne teme
    • Produktivnost
    • Programiranje
    • HTML
    • Plonk listek
    O avtorju Akshata Shanbhag(404 objavljenih člankov)

    Preden se je osredotočil na tehnologijo in pisanje, se je Akshata izučil za ročno testiranje, animacijo in oblikovanje uporabniškega vmesnika. To je združilo dve njeni najljubši dejavnosti - osmišljanje sistemov in poenostavitev žargona. Pri MakeUseOf Akshata piše o tem, kako najbolje izkoristiti svoje naprave Apple.





    Več od Akshata Shanbhag

    Naročite se na naše novice

    Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e -knjige in ekskluzivne ponudbe!

    Kliknite tukaj, če se želite naročiti