day01 - HehaInfoSzakkor2019/elso GitHub Wiki

Első nap

Bevezető

Info szakkör, Herceghalom...

2019. szeptember 16.

A mai célunk egy kis oldal készítése.

Lecke

w3schools

  • Mi a HTML? Mit jelent, hogy Hypertext Markup Language.
    • "Hiperszöveg leírónyelv" rövidítése angolul. Az a nyelv, amelynek segítségével weboldalakat lehet létrehozni.
    • Egy HTML-oldal folyamatos kódolt szöveget tartalmaz, az oldal tartalma és a megjelenítéséhez szükséges elemek egyelege.
    • Az oldal végsõ formája a böngészõben jelenik meg (alakul ki), mert az értelmezi ezeket a megjelenítést szabályozó elemeket.
    • Elemek egymás utáni sorozata, az elemeket a böngészők jelenítik meg.
    • A különféle elemeket 'tag' -ek jelölik.
  • Első próba w3schools 
<!DOCTYPE html>
<html>
<head>
<title>Cim</title>
</head>
<body>

<h1>Ez egy fejezet cim</h1>
<p>Ez egy bekezdes.</p>

</body>
</html>
<body style="background-color:yellow;">
  • w3schools színek
  • RGB - Reg Green Blue
    • Az RGB színtér egy olyan additív színmodell, ami a vörös, zöld és kék fény különböző mértékű keverésével határozza meg a különböző színeket.
    • Az RGB skálán egy színt az határoz meg, hogy milyen intenzitású a három komponense. * érdekesség: hexclock
  • Kiemelések
    • vastagítás... <b>vastag</b> vagy <strong>vastag</strong>
    • döntés... <i>dőlt</i> vagy <em>ddd</em>
    • aláhúzás... <u>aláhúzott</u>
  • Címsor
  • Elrendezések
    • bekezdések.....<p> szöveg </p>
    • Új sor soremelés... <br />
    • szóköz... &nbsp;
    • középre <center>aa</center>
    • nézzük meg: w3schools page intro
    • DIV - align
      • később
  • Nyomógomb
<button>Click me</button>
  • Képek
    • tag attributomok, kiegészítő adatok Click me 
<img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">
<img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools.com">
  • Hivatkozások, linkek
    • kép, mint hivatkozás
<a href="default.asp">
  <img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0;">
</a>
  • Felsorolás, lista
    • később
  • táblázat
  • háttérzene
  • egyéb sorközi módisító
<a> <abbr> <acronym>
<b> <bdo> <big> <br> <button>
<cite> <code>
<dfn> <em> <i>
<img> <input> <kbd>
<label> <map> <object> <output>
<q> <samp> <script> <select> <small>
<span> <strong> <sub> <sup> <textarea> <time> <tt> <var>

GitHub

  • Feliratkozás: SignUp:
  • meghívó elfogadása:
  • Keresd meg a HehaInfoSzakkor2019
  • Fork
  • Settings
  • Hajrá...
⚠️ **GitHub.com Fallback** ⚠️