CodeBerryPractice01.html – Minta

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width”>
<title>Medium Article</title>
</head>
<body>
<h1>Please do learn to code</h1>
<figure>
<img src=”http://i.imgur.com/RC2UGg8.jpg” alt=”coders”>
<figcaption>Learning to code at a Free Code Camp Toronto coffee-and-code.</figcaption>
</figure>
<article>
<p>This morning I woke up to dozens messages from students who had read an article titled “Please Don’t Learn to Code.”</p>
<p>At first, I assumed <a href=”http://blog.codinghorror.com/please-dont-learn-to-code/”>Jeff Atwood’s 2012 article</a> had spontaneously reappeared on Reddit. But no — this was a <a href=”http://techcrunch.com/2016/05/10/please-dont-learn-to-code”>brand new Tech Crunch article</a> of the same name, which echoed Atwood’s assertion that encouraging everyone to learn programming is like encouraging everyone to learn plumbing.</p>
<p>Here’s why programming — unlike plumbing — is an important skill that everyone should learn: <strong>programming is how humans talk to machines.</strong></p>
<p>Az <b>article és a figure is helyettesíthetőek lennének egy div tag-gel</b>, de célszerűbb ezeket az úgynevezett szemantikus (semantic) tag-eket használni, mert utalnak a bennük szereplő tartalomra, és megkönnyítik az oldalad gépek általi értelmezését. Ez azért fontos, mert a Google (és más keresők) jutalmazzák azokat az oldalakat, amelyek könnyen indexelhetőek. Ha a robotjaik számára könnyen olvasható oldalt építesz, magasabbra fogsz kerülni a keresési találtaok között. Ez a keresőoptimalizálás (Search Engine Optimization – SEO) egyik alapvető eszköze.
</p>
<p>A <strong>strong</strong> mellett használatos még az <em>em</em> (hangsúlyos – emphasised) kiemelés is. Ha egy gyengénlátó ember felolvasóprogrammal “nézi” a weboldalad, akkor a felolvasóprogram a kiemelt szavakat enyhén hangosabban, nyomatékosabban fogja neki felolvasni. A hagyományos böngészők a <strong>strong</strong> tag tartalmát félkövér, az <em>em</em> tag tartalmát dőlt betűkkel jelenítik meg.</p>
</article>
</body>
</html>