HTML Essentials -huijaussivu: Tunnisteet, attribuutit ja paljon muuta

Verkkosivujen rakentaminen alkaa HTML -koodilla. Niiden kaunistaminen ja vuorovaikutteisuus tulee myöhemmin. Mutta aloittaaksesi toimivien staattisten verkkosivustojen luomisen sinun on ymmärrettävä HTML. (Haluatko nopean esittelyn tähän merkintäkieleen? Lue HTML -usein kysytyt kysymykset.)

Osana kielen oppimista on pitkä luettelo elementeistä, jotka sinun on lisättävä HTML -sanastoosi. Ja tämä tehtävä voi tuntua aluksi pelottavalta, minkä vuoksi olemme keksineet seuraavan huijausarkin. Se antaa sinulle helpon tavan löytää/ymmärtää/muistaa HTML -elementtejä aina kun tarvitset niitä.

---

---

Huijausarkki kattaa tunnisteet ja attribuutit verkkosivujen jäsentämiseen, tekstin muotoiluun, lomakkeiden, kuvien, luetteloiden, linkkien ja taulukoiden lisäämiseen. Se sisältää myös tunnisteita, jotka otettiin käyttöön HTML5- ja HTML -koodeissa yleisesti käytetyille erikoismerkeille.

Muunna Windows 10 -tabletti Androidiksi

ILMAINEN LATAUS: Tämä huijausarkki on saatavana nimellä ladattava PDF jakelukumppaniltamme TradePubilta. Sinun on täytettävä lyhyt lomake, jotta voit käyttää sitä vain ensimmäistä kertaa. ladata HTML Essentials -huijaussivu .

kuinka tallentaa puhelut iphone

HTML Essentials -huijaussivu

......

Pikakuvake	Toiminta
Perustunnisteet
...	HTML -asiakirjan ensimmäinen ja viimeinen tagi. Kaikki muut tunnisteet ovat näiden avaus- ja sulkemistunnisteiden välissä.
...	Määrittää asiakirjan metatietojen kokoelman.
...	Kuvailee sivun otsikon ja näkyy selaimen otsikkorivillä.
...	Sisältää kaiken sisällön, joka näytetään verkkosivulla.
Asiakirjan tiedot
	Mainitsee perus -URL -osoitteen ja kaikki dokumenttiin liittyvät linkit.
	Lisätietoja sivusta, kuten tekijä, julkaisupäivä jne.
	Linkit ulkoisiin elementteihin, kuten tyylitaulukoihin.
...	Sisältää asiakirjatyylitietoja, kuten CSS (Cascading Style Sheets).
...	Sisältää linkkejä ulkoisiin skripteihin.
Tekstin muotoilu
... TAI ...	Tekee tekstistä lihavoidun.
...	Kursivoidaan teksti ja tehdään siitä lihavoitu.
...	Kursivoi tekstin, mutta ei tee siitä lihavoitua.
...	Yliviivattu teksti.
...	Lainaa lainauksen tekijää.
...	Merkitsee tekstin poistetun osan.
...	Näyttää osan, joka on lisätty sisältöön.
...	Lainausten näyttämiseen. Käytetään usein tagin kanssa.
...	Lyhyemmille lainauksille.
...	Lyhenteitä ja täydellisiä lomakkeita varten.
...	Määrittää yhteystiedot.
...	Määritelmille.
...	Koodinpätkille.
...	Alaindeksien kirjoittamiseen
...	Yläindeksien kirjoittamiseen.
...	Tekstin koon pienentämiseen ja tarpeettomien tietojen merkitsemiseen HTML5: ssä.
Asiakirjan rakenne
...	Otsikoiden eri tasot. H1 on suurin ja H6 pienin.
...	Sisällön jakamiseksi lohkoiksi.
...	Sisältää inline -elementtejä, kuten kuvan, kuvakkeen, hymiön pilaamatta sivun muotoilua.
...	Sisältää tavallista tekstiä.
	Luo uuden rivin.
	Piirrä vaakasuora palkki osion loppuun.
Luettelot
...	Tilattuun tavaraluetteloon.
...	Järjestämätön tavaraluettelo.
...	Yksittäiset kohteet luettelossa.
...	Luettelo kohteista määritelmillä.
...	Yhden termin määritelmä, joka liittyy kehon sisältöön.
...	Kuvaus määritellylle termille.
Linkit
...	Ankkuritagi hyperlinkkeille.
...	Tunniste sähköpostiosoitteisiin linkittämistä varten.
...	Ankkuritunnus yhteystietojen luetteloimiseksi.
...	Ankkuritagi linkittämiseen saman sivun toiseen osaan.
...	Siirtyy verkkosivun div -osioon. (Muunnelma yllä olevasta tunnisteesta)
Kuvat
	Kuvatiedostojen näyttämiseen.
Ominaisuudet tag
src = url	Linkki kuvan lähdepolkuun.
alt = teksti	Teksti näkyy, kun hiiri on kohdistettuna kuvan päälle.
korkeus =	Kuvan korkeus pikseleinä tai prosentteina.
leveys =	Kuvan leveys pikseleinä tai prosentteina.
kohdista =	Kuvan suhteellinen tasaus sivulla.
raja =	Kuvan reunan paksuus.
...	Linkki klikattavaan karttaan.
...	Karttakuvan nimi.
	Kuvakartan kuva -alue.
Tunnisteen attribuutit
muoto = '	Kuva -alueen muoto.
koordinaatit =	Karttakuva -alueen koordinaatit.
Lomakkeet
...	HTML -lomakkeen ylätunniste.
Tunnisteen attribuutit
action = url	URL -osoite, johon lomaketiedot lähetetään.
menetelmä =	Määrittää lomakkeen lähetysprotokollan (POST tai GET).
enctype =	Tietojen koodausjärjestelmä POST -lähetyksille.
automaattinen täydennys	Määrittää, onko lomakkeen automaattinen täydennys käytössä vai ei.
novalidaatti	Määrittää, onko lomake validoitava ennen lähettämistä.
hyväksy-merkistöt	Määrittää lomakkeen lähetysten merkkikoodauksen.
kohde	Näyttää, missä lomakkeen lähetysvastaus näytetään.
...	Ryhmittelee liittyvät elementit muodossa/
...	Määrittää, mitä käyttäjän tulee kirjoittaa jokaiseen lomakekenttään.
...	Kuvateksti kenttäelementille.
	Määrittää, minkä tyyppisen syötteen käyttäjä ottaa.
Tunnisteen attribuutit
tyyppi =	Määrittää syötteen tyypin (teksti, päivämäärät, salasana).
nimi =	Määrittää syöttökentän nimen.
arvo =	Määrittää arvon syöttökentässä.
koko =	Asettaa syöttökentän merkkien määrän.
maksimi pituus =	Asettaa sallittujen syöttömerkkien rajan.
vaaditaan	Tekee syöttökentän pakolliseksi.
leveys =	Asettaa syöttökentän leveyden pikseleinä.
korkeus =	Asettaa syöttökentän korkeuden pikseleinä.
paikkamerkki =	Kuvaa odotettua kentän arvoa.
kuvio =	Määrittää säännöllisen lausekkeen, jonka avulla voidaan etsiä kuvioita käyttäjän tekstistä.
min =	Syöttöelementin sallittu vähimmäisarvo.
max =	Syöttöelementin suurin sallittu arvo.
liikuntarajoitteinen	Poistaa syöttöelementin käytöstä.
...	Pitempien datasarjojen tallentamiseen käyttäjältä.
...	Määrittää luettelon vaihtoehdoista, joista käyttäjä voi valita.
Tunnisteen attribuutit
nimi =	Määrittää avattavan luettelon nimen.
koko =	Käyttäjälle annettujen vaihtoehtojen määrä.
useita	Määrittää, voiko käyttäjä valita useita vaihtoehtoja luettelosta.
vaaditaan	Määrittää, onko vaihtoehdon valitseminen välttämätöntä lomakkeen lähettämiselle.
automaattitarkennus	Määrittää, että avattava luettelo tulee automaattisesti näkyviin sivun lataamisen jälkeen.
...	Määrittää kohteet avattavasta luettelosta.
arvo =	Näyttää minkä tahansa vaihtoehdon tekstin.
valittu	Asettaa näytettävän oletusasetuksen.
...	Tunniste, jolla voit luoda painikkeen lomakkeen lähettämistä varten.
Objektit ja iFrames
...	Kuvaa upotettua tiedostotyyppiä.
Tunnisteen attribuutit
korkeus =	Kohteen korkeus.
leveys =	Kohteen leveys.
tyyppi =	Objektin sisältämän median tyyppi.
	Sisäinen kehys ulkoisten tietojen upottamiseksi.
nimi =	IFrame -kehyksen nimi.
src =	Kehyksen sisällä olevan sisällön lähde -URL.
srcdoc =	HTML -sisältö kehyksen sisällä.
korkeus =	IFrame -kehyksen korkeus.
leveys =	IFrame -kehyksen leveys.
	Lisää lisäparametreja iFrame -kehyksen mukauttamiseen.
...	Upottaa ulkoisen sovelluksen tai laajennuksen.
Tunnisteen attribuutit
korkeus =	Asettaa upotuksen korkeuden.
leveys =	Asettaa upotuksen leveyden.
tyyppi =	Upotuksen tyyppi tai muoto.
src =	Upotetun tiedoston lähdepolku.
Taulukot
...	Määrittää taulukon kaiken sisällön.
...	Taulukon kuvaus.
...	Taulukon jokaisen sarakkeen otsikot.
Määrittää taulukon kehon tiedot.
...	Kuvailee taulukon alatunnisteen sisällön.
Sisältö yhdelle riville.
	...	Tiedot yhdessä otsikkokohteessa.
	...	Sisältö yhden taulukon solun sisällä.
...	Ryhmittelee sarakkeet muotoilua varten.
	Yksi sarake tietoa.
HTML5 uudet tunnisteet
...	Määrittää verkkosivun otsikon.
...	Määrittää verkkosivun alatunnisteen.
...	Merkitsee verkkosivun pääsisällön.
...	Määrittää artikkelin.
...	Määrittää sivun sivupalkin sisällön.
...	Määrittää tietyn osion verkkosivulla.
...	Lisätietojen kuvaamiseen.
...	Käytetään otsikkona yllä olevalle tunnisteelle. Näkyy aina käyttäjälle.
...	Luo valintaikkunan.
...	Käytetään kaavioiden ja lukujen sisällyttämiseen.
...	Kuvaa elementtiä.
...	Korostaa tietyn tekstin osan.
...	Joukko navigointilinkkejä verkkosivulla.
...	Tietty kohde luettelosta tai valikosta.
...	Mittaa tietyn alueen tiedot.
...	Sijoita edistymispalkki ja seuraa edistymistä.
...	Näyttää tekstin, joka ei tue Ruby -merkintöjä.
...	Näyttää Itä -Aasian typografian merkkitiedot.
...	Ruby -huomautus Itä -Aasian typografiaan.
...	Tunnistaa kellonajan ja päivämäärän.
	Rivinvaihto sisällössä.
¹HTML5 Merkkiobjektit
" TAI & quot;	Lainausmerkit
< TAI & lt;	Pienempi kuin merkki (<)
> TAI & gt;	Suurempi kuin merkki (>)
TAI ;	Murtumaton tila
© TAI &kopio ;	Tekijänoikeussymboli
™ TAI & ucirc;	Tavaramerkin symboli
@ TAI & Uuml;	symbolilla (@)
& TAI & amp;	Ampersand -symboli (&)
• TAI & ouml;	Pieni luoti
¹Ilmoita välilyönti ennen puolipistettä kirjoittaessasi HTML -merkkiä.

Rakenna verkkosivusto käytännön kokemukselle

Kun kerran olet ymmärtänyt HTML -koodin perusteet ja sinulla on CSS- ja JavaScript -tiedot, kokeile käsiäsi verkkosivuston rakentamisessa . Muista myös tallentaa CSS3 -ominaisuuksien huijausarkki ja JavaScript -huijausarkki tulevaa käyttöä varten!

---

---

Jaa Jaa Tweet Sähköposti Googlen sisäänrakennetun kuplatason käyttö Androidissa

Jos olet koskaan tarvinnut varmistaa, että jokin on vaakasuorassa, voit nyt saada kuplatason puhelimeesi muutamassa sekunnissa.

kuinka korjata MacBook Pro -ohjauslevy

Lue seuraava Liittyvät aiheet

• Tuottavuus
• Ohjelmointi
• HTML
• Lunttilappu

Kirjailijasta Akshata Shanbhag(404 artikkelia julkaistu)

Akshata opiskeli manuaalista testausta, animaatiota ja UX -suunnittelua ennen keskittymistä tekniikkaan ja kirjoittamiseen. Tämä kokosi yhteen kaksi hänen suosikkitoimintaansa - järjestelmien ymmärtäminen ja ammattikielen yksinkertaistaminen. MakeUseOfissa Akshata kirjoittaa parhaista Apple -laitteistasi.

---

---

Lisää Akshata Shanbhagilta

tilaa uutiskirjeemme

Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia ​​e -kirjoja ja ainutlaatuisia tarjouksia!

Klikkaa tästä tilataksesi