Javascript

A Javascript tulajdonképpen minden ami az adott oldalon történik.

cmd+alt+J és előugrik a Console a Chrome-ban.

var=változó

document Megmodnjuk vele, hogy a HTML-ben akarunk valamit csinálni.

.getElementById() fog a HTML-ben egy bizonyos elemet fog keresni az egyedi azonosítója alapján. Pl: .getElementById(‘clock’)

.innerHTML a belső HTML tartalmát fogja meghatározni.

Egy funkció pl. megadható így:

function funkcioNeve(parameterek) {
  // a kod, amit futtatni szeretnel
}

 

HTML és CSS

Halihó!

Kicsit fura magamnak blogot írni (hátha másnak is a javára válhat) de inkább belecsapok minthogy kkoptassam a klaviatúrát feleslegesen… Szóval ez a két új varázsszó: HTML és CSS.

A HTML felel a tartalomért ami a <body></body> tagek közé kerül minden esetben. A címet pedig a <title></title> segítségével tudom megadni.

Az sem elhanyagolható, hogy a amit berakok HTML-be (tartalom) azt a CSS-el tudom megformázni (színezés, méretezés, betűtípus)

HTML

  • h1-h6 (címsorok, amelyeket ugyanúgy nyitunk, zárunk, természetesen tagekkel)
  • <img> (a tag ami önmagát zárja)
  • <title></title> (cím)
  • <body></body> (tartalom)
  • <figcaption></figcaption> (képaláírás)
  • <figure></figure> (ezzel tudom pl egymásba ágyazni a tageket, hogy könnyebben tudjak bizonyos dolgokat kezelni, mint kép+képaláírás)
  • <article></article> (ezen belül kezelem a bekezdéseket)
  • <p></p> (bekezdések, ha újat akarok kezdeni akkor újat nyitok, enterek nem számítanak)
  • <a></a> (anchor mint horgony, eközött a két tag között lévő szövegre kattintva jön elő a beágyazott link)
  • <strong></strong> (a közte lévő szöveg kiemelést kap jelezve, hogy lényeges a mondandó

CSS

Pl: Ha megadom, hogy h1, akkor a kapcsos zárójel után az azon belüli tartalomra fog vonatkozni minden, amit a CSS-ben megadok.

  • font-size (betűméret)
  • color (betűk színei)
  • rgba (piros-zöld-kék-átláthatóság)
  • text-align (a szöveg rendezésére vonatkozó érték, pl: center, left, right, bottom)
  • font-family (milyen betűtípussal jelenjen meg a szöveg)
  • width (képszélesség,)
  • height (magasság)
  • margin (margó, elem körül mekkora térköz legyen)
  • max-width (adott dolog maximális szélessége)
  • padding (elemen belüli tartalmat körbevevő térköz méretét állítja)
  • letter-spacing (betűk közötti közöket állítja, esztétikusabbá teszi a szöveget)
  • line-height (a szövegben lévő sormagasságot állítja)
  • a:hover (linkek állapotát szabályozza mikor rámegyünk egérrel)