HTML Essentials apkrāptu lapa: tagi, atribūti un citi

HTML Essentials apkrāptu lapa: tagi, atribūti un citi

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





Mācoties valodu, ir garš elementu saraksts, kas jāpievieno HTML leksikai. Un šis uzdevums sākumā var šķist biedējošs, tāpēc mēs esam izstrādājuši šādu krāpšanās lapu. Tas sniedz vienkāršu veidu, kā atklāt/saprast/atsaukt HTML elementus jebkurā laikā, kad tie jums nepieciešami.





Mīklas lapa ietver 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 arī tagi, kas tika ieviesti HTML5, un HTML kodi bieži lietotajām īpašajām rakstzīmēm.





kā noņemt Windows 10 bloatware

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

vai varat atcelt venmo maksājumu

HTML Essentials apkrāptu lapa

......
ĪsceļšDarbība
Pamata tagi
...HTML dokumenta pirmais un pēdējais tags. Visi pārējie tagi atrodas starp šiem sākuma un beigu 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 vietnē.
Dokumenta informācija
Piemin pamata URL un visas saistītās saites uz dokumentu.
Lai iegūtu papildinformāciju par lapu, piemēram, autoru, publicēšanas datumu utt.
Saites uz ārējiem elementiem, piemēram, stila lapām.
...Satur dokumentu stila informāciju, piemēram, CSS (kaskādes stila lapas).
...Satur saites uz ārējiem skriptiem.
Teksta formatēšana
... VAI
...
Padara tekstu treknrakstu.
... Teksts tiek likts slīprakstā un padarīts treknrakstā.
... Teksts tiek likts slīprakstā, bet nav treknrakstā.
...Teksts ar pārsvītrojumu.
...Citē citāta autoru.
...Iezīmē izdzēstu teksta daļu.
...Parāda sadaļu, kas ir ievietota saturā.
...
Citātu parādīšanai. Bieži lieto kopā ar tagu.
...Īsākiem citātiem.
...Saīsinājumiem un pilnām veidlapām.
...Norāda kontaktinformāciju.
...Definīcijām.
... Par koda fragmentiem.
...Abonementu rakstīšanai
...Virsrakstu rakstīšanai.
...Lai samazinātu teksta lielumu un atzīmētu lieko 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ļautos elementus, piemēram, attēlu, ikonu, emocijzīmi, nesabojājot lapas formatējumu.

...



Satur vienkāršu tekstu.

Izveido jaunu rindu.

Zīmē horizontālu joslu, lai parādītu sadaļas beigas.
Saraksti
    ...
Pasūtīto preču sarakstam.
    ...
Par nesakārtotu vienumu sarakstu.
  • ...
  • Atsevišķiem vienumiem sarakstā.
    ...
    Vienumu saraksts ar definīcijām.
    ...
    Viena termina definīcija, kas iekļauta ķermeņa saturā.
    ...
    Definētā termina apraksts.
    Saites
    ... Enkura tags hipersaitēm.
    ... Atzīme saitei uz e -pasta adresēm.
    ... Enkura tags kontaktu numuru uzskaitīšanai.
    ... Enkura tags saitei uz citu tās pašas lapas daļu.
    ... Pārvietojas uz tīmekļa lapas div sadaļu. (Iepriekš minētā taga variācija)
    Attēli

    Attēlu failu parādīšanai.
    Atribūti tagu
    src = urlSaite uz attēla avota ceļu.
    alt = tekstsTeksts tiek parādīts, kad pele tiek novietota virs attēla.
    augstums =Attēla augstums pikseļos vai procentos.
    platums =Attēla platums pikseļos vai procentos.
    izlīdzināt =Attēla relatīvā līdzināšana lapā.
    robeža =Attēla apmales biezums.
    ...Saite uz klikšķināmas kartes.
    ...
    Kartes attēla nosaukums.
    Attēlu kartes attēla apgabals.
    Taga atribūti
    forma = 'Attēla apgabala forma.
    koordinātas =Kartes attēla apgabala koordinātas.
    Veidlapas
    ...HTML veidlapas vecāku tags.
    Taga atribūti
    darbība = urlURL, kurā tiek iesniegti veidlapas dati.
    metode =Norāda veidlapu iesniegšanas protokolu (POST vai GET).
    entips =Datu kodēšanas shēma POST iesniegumiem.
    automātiskā pabeigšanaNorāda, vai veidlapas automātiskā pabeigšana ir ieslēgta vai izslēgta.
    novalidātsNorāda, vai veidlapa ir jāapstiprina pirms iesniegšanas.
    pieņemt-rakstzīmesNorāda rakstzīmju kodējumu veidlapu iesniegumiem.
    mērķisParāda, kur tiks parādīta veidlapas iesniegšanas atbilde.
    ...Grupē saistītos elementus šādā formā:
    ...Norāda, kas lietotājam jāievada katrā veidlapas laukā.
    ...Lauku kopas elementa paraksts.
    Norāda, kāda veida ievade jāiegūst no lietotāja.
    Taga atribūti
    tips =Nosaka ievades veidu (teksts, datumi, parole).
    vārds =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 skaitu.
    nepieciešamsPadara 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āru izteiksmi, ko var izmantot, lai meklētu modeļus lietotāja tekstā.
    min =Minimālā pieļaujamā vērtība ievades elementam.
    max =Maksimālā pieļaujamā vērtība ievades elementam.
    invalīdsAtspējo ievades elementu.
    ...Lai iegūtu garākas datu virknes no lietotāja.
    ...Norāda opciju sarakstu, no kurām lietotājs var izvēlēties.
    Taga atribūti
    vārds =Norāda nolaižamā saraksta nosaukumu.
    izmērs =Lietotājam doto iespēju skaits.
    vairākasIestata, vai lietotājs sarakstā var izvēlēties vairākas iespējas.
    nepieciešamsNorāda, vai veidlapu iesniegšanai ir jāizvēlas opcija (s).
    autofokussNorā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 jebkuras opcijas tekstu.
    atlasītsIestata parādīto noklusējuma opciju.
    ...Tags veidlapas iesniegšanas pogas izveidei.
    Objekti un iFrames
    ...Apraksta iegulto faila tipu.
    Taga atribūti
    augstums =Objekta augstums.
    platums =Objekta platums.
    tips =Objektā esošā datu nesēja veids.
    Iekļauts rāmis ārējās informācijas iegulšanai.
    vārds =IFrame nosaukums.
    src =Rāmī esošā satura avota URL.
    srcdoc =HTML saturs ietvarā.
    augstums =IFrame augstums.
    platums =IFrame platums.
    Pievieno papildu parametrus, lai pielāgotu iFrame.
    ...Iekļauj ārēju lietojumprogrammu vai spraudni.
    Taga atribūti
    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 vienā tabulas šūnā.
    ...
    Grupē kolonnas formatēšanai.
    Viena informācijas sleja.
    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.
    ...Lai aprakstītu papildu informāciju.
    ...Izmanto kā virsrakstu iepriekš minētajam tagam. Vienmēr ir redzams lietotājam.
    ...Izveido dialoglodziņu.
    ...Izmanto diagrammu un skaitļu iekļaušanai.

    ...

    Apraksta elementu.
    ...Izceļ noteiktu teksta daļu.
    ...Navigācijas saišu kopums tīmekļa lapā.
    ...Konkrēts vienums no saraksta vai izvēlnes.
    ...Mēra datus noteiktā diapazonā.
    ...Novieto progresa joslu un izseko progresu.
    ...Parāda tekstu, kas neatbalsta rubīna piezīmes.
    ...Parāda Austrumāzijas tipogrāfijas rakstzīmju informāciju.
    ...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āk par zīmi (<)
    > VAI
    & gt;
    Lielāks par zīmi (>)
      VAI
    ;
    Nepārtraukta telpa
    © VAI
    & copy;
    Autortiesību simbols
    ™ VAI
    & ucirc;
    Preču zīmes simbols
    @ VAI
    & Uuml;
    pie simbola (@)
    & VAI
    & amp;
    Ampersandas simbols (&)
    • VAI
    & ouml;
    Maza lode
    ¹ Rakstot HTML rakstzīmi, ignorējiet atstarpi pirms semikolu.

    Izveidojiet vietni praktiskai pieredzei

    Kad esat sapratis HTML koda pamati un jums ir praktiskas zināšanas par CSS un JavaScript, izmēģiniet savus spēkus, veidojot vietni . Tāpat noteikti saglabājiet mūsu CSS3 rekvizītu apkrāptu lapu un JavaScript krāpšanās lapa turpmākai lietošanai!





    Kopīgot Kopīgot Čivināt E -pasts Kā piekļūt Google iebūvētajam burbuļa līmenim operētājsistēmā Android

    Ja jums kādreiz ir bijis jāpārliecinās, ka kaut kas ir vienā līmenī, tagad tālrunī varat iegūt burbuļa līmeni dažu sekunžu laikā.

    kā savienot ps3 kontrolieri ar android
    Lasīt Tālāk Saistītās tēmas
    • Produktivitāte
    • Programmēšana
    • HTML
    • Špikeris
    Par autoru Akshata Shanbhag(Publicēti 404 raksti)

    Pirms koncentrēties uz tehnoloģijām un rakstīšanu, Akshata apmācīja manuālo testēšanu, animāciju un UX dizainu. Tas apvienoja divas viņas iecienītākās aktivitātes - sistēmu izpratni un žargona vienkāršošanu. Vietnē MakeUseOf Akshata raksta par to, kā vislabāk izmantot jūsu Apple ierīces.





    Vairāk no Akshata Shanbhag

    Abonējiet mūsu biļetenu

    Pievienojieties mūsu informatīvajam izdevumam, lai iegūtu tehniskus padomus, pārskatus, bezmaksas e -grāmatas un ekskluzīvus piedāvājumus!

    Noklikšķiniet šeit, lai abonētu