Tīmekļa lapu veidošana sākas ar HTML. To izdaiļošana un interaktīvu padarīšana notiek vēlāk. Bet, lai sāktu veidot funkcionālas statiskas vietnes, jums ir jāsaprot HTML. (Vai vēlaties ātri iepazīties ar šo iezīmēšanas valodu? Izlasiet mūsu HTML FAQ.)

Valodas apguves ietvaros ir garš elementu saraksts, kas jāpievieno savam HTML vārdnīcai. Un šis uzdevums sākotnēji var šķist biedējošs, tāpēc mēs esam izstrādājuši šādu apkrāptu lapu. Tas sniedz jums vienkāršu veidu, kā atklāt/saprast/atsaukt HTML elementus jebkurā laikā, kad tie ir nepieciešami.

Apkrāptu lapa aptver tagus un atribūtus tīmekļa lapu strukturēšanai, teksta formatēšanai, veidlapu, attēlu, sarakstu, saišu un tabulu pievienošanai. Tajā ir iekļauti arī tagi, kas tika ieviesti HTML5 un HTML kodos bieži lietotām īpašajām rakstzīmēm.

BEZMAKSAS LEJUPIELĀDE: Šī apkrāptu lapa ir pieejama kā a lejupielādējams PDF no mūsu izplatīšanas partnera TradePub. Jums būs jāaizpilda īsa veidlapa, lai tai piekļūtu tikai pirmo reizi. Lejupielādēt HTML Essentials apkrāptu lapa.

instagram viewer

HTML Essentials apkrāptu lapa

... ... ... ... ...
Īsceļš Darbība
Pamatbirkas
... Pirmais un pēdējais HTML dokumenta tags. Visi pārējie tagi atrodas starp šiem sākuma un aizvēršanas tagiem.
... Norāda dokumenta metadatu kolekciju.
... Apraksta lapas nosaukumu un tiek parādīts pārlūkprogrammas virsrakstjoslā.
... Ietver visu saturu, kas tiks parādīts tīmekļa lapā.
Dokumenta informācija
Piemin bāzes URL un visas relatīvās saites uz dokumentu.
Lai iegūtu papildu informāciju par lapu, piemēram, autoru, publicēšanas datumu utt.
Saites uz ārējiem elementiem, piemēram, stila lapām.
Satur informāciju par dokumenta stilu, piemēram, CSS (kaskādes stila lapas).
Satur saites uz ārējiem skriptiem.
Teksta formatēšana
... VAI
...
Padara tekstu treknrakstā.
... Tekstu padara slīprakstu un padara to treknrakstā.
... Teksts ir slīprakstā, bet nepadara to treknrakstā.
... Pārsvītrots teksts.
... Citē citāta autoru.
... Apzīmē dzēsto teksta daļu.
... Parāda sadaļu, kas ir ievietota saturā.
...
Lai parādītu citātus. Bieži lieto kopā ar tagu.
... Īsākiem citātiem.
... Saīsinājumiem un pilnajām formām.
...
Norāda kontaktinformāciju.
... Par definīcijām.
... Koda fragmentiem.
... Abonentu rakstīšanai
... Virsrakstu rakstīšanai.
... Lai samazinātu teksta izmēru un atzīmētu lieku informāciju HTML5.
Dokumenta struktūra
... Dažādi virsrakstu līmeņi. H1 ir lielākais un H6 ir mazākais.
...

Satura sadalīšanai blokos.
... Ietver iekļautus elementus, piemēram, attēlu, ikonu, emocijzīmi, nesabojājot lapas formatējumu.

...

Satur vienkāršu tekstu.

Izveido jaunu rindu.

Uzzīmē horizontālu joslu, lai parādītu sadaļas beigas.
Saraksti
    ...
Par pasūtīto preču sarakstu.
    ...
Par nesakārtotu preču sarakstu.
  • ...
  • Atsevišķām vienībām sarakstā.
    ...
    Vienumu saraksts ar definīcijām.
    ...
    Viena termina definīcija saskaņā ar pamatteksta saturu.
    ...
    Noteiktā termina apraksts.
    Saites
    ... Hipersaišu enkura tags.
    ... Tags saistīšanai ar e-pasta adresēm.
    ... Enkura tags kontaktu numuru uzskaitīšanai.
    ... Enkura tags saitei uz citu tās pašas lapas daļu.
    ... Pāriet uz tīmekļa lapas div sadaļu. (Iepriekš minētā taga variants)
    Attēli

    Attēlu failu parādīšanai.
    Atribūti priekš tagu
    src=”url” Saite uz attēla avota ceļu.
    alt=”teksts” Teksts, kas tiek parādīts, novietojot peles kursoru virs attēla.
    augstums=” ” Attēla augstums pikseļos vai procentos.
    platums=” ” Attēla platums pikseļos vai procentos.
    līdzināt=” ” Attēla relatīvais līdzinājums lapā.
    robeža=” ” Attēla apmales biezums.
    ... Saite uz noklikšķināmu karti.
    ...
    Kartes attēla nosaukums.
    Attēla kartes attēla apgabals.
    Atribūti priekš tagu
    forma =" " Attēla apgabala forma.
    koordinātes=” ” Kartes attēla apgabala koordinātas.
    Veidlapas
    ...
    HTML veidlapas vecāktags.
    Atribūti priekš
    tagu
    action=”url” URL, kurā tiek iesniegti veidlapas dati.
    metode=” ” Norāda veidlapas iesniegšanas protokolu (POST vai GET).
    enctype=” ” Datu kodēšanas shēma POST iesniegšanai.
    automātiskā pabeigšana Norāda, vai veidlapas automātiskā pabeigšana ir ieslēgta vai izslēgta.
    novalidēt Norāda, vai veidlapa ir jāapstiprina pirms iesniegšanas.
    pieņemt rakstzīmju kopas Norāda rakstzīmju kodējumu veidlapu iesniegšanai.
    mērķis Parāda, kur tiks parādīta veidlapas iesniegšanas atbilde.
    ...
    Sagrupē saistītos elementus formā/
    Norāda, kas lietotājam jāievada katrā veidlapas laukā.
    ... Lauku kopas elementa paraksts.
    Norāda, kāda veida ievade saņemt no lietotāja.
    Atribūti priekš tagu
    tips=”” Nosaka ievades veidu (teksts, datumi, parole).
    nosaukums=”” Norāda ievades lauka nosaukumu.
    vērtība=”” Norāda vērtību ievades laukā.
    izmērs=”” Iestata ievades lauka rakstzīmju skaitu.
    maksimālais garums = "" Iestata atļauto ievades rakstzīmju ierobežojumu.
    nepieciešams Padara ievades lauku obligātu.
    platums=”” Iestata ievades lauka platumu pikseļos.
    augstums=”” Iestata ievades lauka augstumu pikseļos.
    vietturis=”” Apraksta paredzamo lauka vērtību.
    modelis ="" Norāda regulāro izteiksmi, ko var izmantot, lai meklētu paraugus lietotāja tekstā.
    min=”” Minimālā pieļaujamā vērtība ievades elementam.
    max=”” Maksimālā pieļaujamā vērtība ievades elementam.
    invalīds Atspējo ievades elementu.
    Garāku datu virkņu tveršanai no lietotāja.
    Norāda opciju sarakstu, no kurām lietotājs var izvēlēties.
    Atribūti priekš
    nosaukums=”” Norāda nosaukumu nolaižamajam sarakstam.
    izmērs=”” Lietotājam piešķirto opciju skaits.
    vairākas Iestata, vai lietotājs no saraksta var izvēlēties vairākas opcijas.
    nepieciešams Norāda, vai veidlapas iesniegšanai ir nepieciešama opcijas izvēle.
    autofokuss Norāda, ka pēc lapas ielādes automātiski tiek fokusēts nolaižamais saraksts.
    Definē vienumus nolaižamajā sarakstā.
    vērtība=””
    Parāda tekstu jebkurai opcijai.
    atlasīts Iestata noklusējuma opciju, kas tiek parādīta.
    Tags pogas izveidei veidlapas iesniegšanai.
    Objekti un iFrames
    ... Apraksta iegultā faila tipu.
    Atribūti priekš tagu
    augstums=”” Objekta augstums.
    platums=”” Objekta platums.
    tips=”” Objektā ietvertā multivides veids.
    Iekļauts rāmis ārējās informācijas iegulšanai.
    nosaukums=”” iFrame nosaukums.
    src=”” Rāmī esošā satura avota URL.
    srcdoc="" HTML saturs rāmī.
    augstums=”” iFrame augstums.
    platums=” ” iFrame platums.
    Pievieno papildu parametrus, lai pielāgotu iFrame.
    ... Iegulst ārējo lietojumprogrammu vai spraudni.
    Atribūti priekš tagu
    augstums=” ” Iestata iegulšanas augstumu.
    platums = "" Iestata iegulšanas platumu.
    tips=”” Iegulšanas veids vai formāts.
    src=”” Iegultā faila avota ceļš.
    Tabulas
    ...
    Definē visu tabulas saturu.
    ...
    Tabulas apraksts.
    Katras tabulas kolonnas galvenes.
    Definē tabulas pamatdatus.
    Apraksta tabulas kājenes saturu.
    Saturs vienai rindai.
    ... Dati vienā galvenes vienumā.
    ... Saturs vienas tabulas šūnā.
    Grupas kolonnas formatēšanai.
    Viena informācijas kolonna.
    HTML5 jauni tagi
    ...
    Norāda tīmekļa lapas galveni.
    ...
    Norāda tīmekļa lapas kājeni.
    ...
    Atzīmē tīmekļa lapas galveno saturu.
    ...
    Norāda rakstu.
    Norāda lapas sānjoslas saturu.
    ...
    Norāda konkrētu tīmekļa lapas sadaļu.
    ...
    Papildu informācijas aprakstīšanai.
    ... Izmantots kā virsraksts iepriekš minētajam tagam. Vienmēr ir redzams lietotājam.
    ... Izveido dialoglodziņu.
    ...
    Izmanto diagrammu un attēlu iekļaušanai.
    ...
    Apraksta a
    elements.
    ... Izceļ konkrētu teksta daļu.
    Navigācijas saišu kopa tīmekļa lapā.
    ... Konkrēts vienums no saraksta vai izvēlnes.
    ... Mēra datus noteiktā diapazonā.
    ... Novieto progresa joslu un izseko progresam.
    ... Parāda tekstu, kas neatbalsta Ruby anotācijas.
    ... Parāda Austrumāzijas tipogrāfijas rakstzīmju detaļas.
    ... Rubīna anotācija Austrumāzijas tipogrāfijai.
    Identificē laiku un datumu.
    Rindas pārtraukums saturā.
    ¹ HTML5 rakstzīmju objekti
    "VAI
    &quot ;
    Pēdiņas
    < VAI
    &lt ;
    Mazāks par zīmi (
    > VAI
    &gt ;
    Lielāks par zīmi (>)
    VAI
    &nbsp ;
    Nesalaužama telpa
    © VAI
    &kopēt ;
    Autortiesību simbols
    ™ VAI
    &ucirc ;
    Preču zīmes simbols
    @ VAI
    &Uuml ;
    simbols “at” (@)
    & VAI
    &amp ;
    & simbols (&)
    • VAI
    &ouml ;
    Maza lode
    ¹ Ievadot HTML rakstzīmi, ignorējiet atstarpi pirms semikola.

    Izveidojiet vietni praktiskai pieredzei

    Kad esat sapratis HTML koda pamati un jums ir darba zināšanas par CSS un JavaScript, izmēģiniet savus spēkus vietnes izveidē Kā izveidot vietni: iesācējiemŠodien es sniegšu jums norādījumus, kā izveidot pilnīgu vietni no nulles. Neuztraucieties, ja tas izklausās grūti. Es jūs vadīšu ik uz soļa. Lasīt vairāk . Tāpat noteikti saglabājiet mūsu CSS3 rekvizītu apkrāptu lapa Būtiskā CSS3 īpašību apkrāptu lapaApgūstiet būtisko CSS sintaksi, izmantojot mūsu CSS3 rekvizītu apkrāpšanas lapu. Lasīt vairāk un JavaScript apkrāptu lapa Ultimate JavaScript apkrāptu lapaIegūstiet ātru atsvaidzināšanu par JavaScript elementiem, izmantojot šo apkrāptu lapu. Lasīt vairāk izmantošanai nākotnē!

    Akshata apmācīja manuālo testēšanu, animāciju un UX dizainu, pirms pievērsās tehnoloģijām un rakstīšanai. Tas apvienoja divas no viņas iecienītākajām aktivitātēm — sistēmu izpratnes veidošana un žargona vienkāršošana. Vietnē MakeUseOf Akshata raksta par to, kā vislabāk izmantot jūsu Apple ierīces.