<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="https://peda.net/:static/535/atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>8. HTML muotoilu</title>
<id>https://peda.net/id/3360f98295d</id>
<updated>2018-08-02T00:45:25+03:00</updated>
<link href="https://peda.net/id/3360f98295d:atom" rel="self" />
<link href="https://peda.net/p/jamspe/html5/8-html-muotoilu#top" rel="alternate" />
<logo>https://peda.net/:static/535/peda.net.logo.bg.svg</logo>
<rights type="html">&lt;div class=&quot;license&quot;&gt;Tämän sivun lisenssi &lt;a rel=&quot;license&quot; href=&quot;https://peda.net/info&quot;&gt;Peda.net-yleislisenssi&lt;/a&gt;&lt;/div&gt;&#10;</rights>

<entry>
<title>HTML kursivointi ja korostus elementit</title>
<id>https://peda.net/id/33619b8a95d</id>
<updated>2016-05-05T20:00:35+03:00</updated>
<link href="https://peda.net/p/jamspe/html5/8-html-muotoilu/hiaef#top" />
<content type="html">&lt;p&gt;HTML elementti &lt;strong&gt;&amp;lt;i&amp;gt;&lt;/strong&gt; määrittää kursivoidun tekstin.&lt;/p&gt;&#10;&lt;div class=&quot;w3-example&quot;&gt;&#10;&lt;h3&gt;Esimerkki&lt;/h3&gt;&#10;&lt;div class=&quot;w3-code notranslate htmlHigh&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Tämä teksti on normaalia&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;i&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Tämä teksti on kursivoitua&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/i&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;.&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;div class=&quot;w3-example&quot;&gt; &lt;/div&gt;&#10;&lt;p&gt;HTML elementti &lt;strong&gt;&amp;lt;em&amp;gt;&lt;/strong&gt; määrittää korostetun tekstin.&lt;/p&gt;&#10;&lt;div class=&quot;w3-example&quot;&gt;&#10;&lt;h3&gt;Esimerkki&lt;/h3&gt;&#10;&lt;div class=&quot;w3-code notranslate htmlHigh&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Tämä teksti on normaalia&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;em&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Tämä teksti on korostettua.&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/em&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;.&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&#10;&lt;/div&gt;&#10;</content>
<published>2018-08-02T00:45:25+03:00</published>
</entry>

<entry>
<title>HTML elementit, &quot;pieni, merkattu, deletoitu, alleviivattu, alateksti, yläteksti</title>
<id>https://peda.net/id/336289be95d</id>
<updated>2016-05-05T20:09:22+03:00</updated>
<link href="https://peda.net/p/jamspe/html5/8-html-muotoilu/hepmdaay#top" />
<content type="html">&lt;p&gt;HTML elementti &lt;strong&gt;&amp;lt;small&amp;gt;&lt;/strong&gt; määrittää pienen tekstin:&lt;/p&gt;&#10;&lt;div class=&quot;w3-example&quot;&gt;&#10;&lt;h3&gt;Esimerkki&lt;/h3&gt;&#10;&lt;div class=&quot;w3-code notranslate htmlHigh&quot;&gt;&lt;b&gt;&lt;/b&gt;&amp;lt;h2&amp;gt;HTML &amp;lt;small&amp;gt;pieni&amp;lt;/small&amp;gt; muotoilu&amp;lt;/h2&amp;gt;&lt;br/&gt;&#10;HTML merkattu elementti &amp;lt;mark&amp;gt;  määrittää tekstin merkatuksi &amp;quot;korostus&amp;quot;:&lt;br/&gt;&#10;&lt;div class=&quot;w3-example&quot;&gt;&#10;&lt;h3&gt;Esimerkki&lt;/h3&gt;&#10;&lt;div class=&quot;w3-code notranslate htmlHigh&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;h2&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;HTML &lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;mark&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Merkattu&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/mark&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; muotoilu&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/h2&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;p&gt;&lt;del&gt;&lt;/del&gt;HTML elementti &lt;strong&gt;&amp;lt;del&amp;gt;&lt;/strong&gt; määrittää että teksti on deletoitu.&lt;/p&gt;&#10;&lt;div class=&quot;w3-example&quot;&gt;&#10;&lt;h3&gt;Esimerkki&lt;/h3&gt;&#10;&lt;div class=&quot;w3-code notranslate htmlHigh&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Minun lempiväri on &lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;del&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;sininen&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/del&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; punainen.&lt;span&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;br/&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br/&gt;&#10;&lt;p&gt;HTML elementti &lt;strong&gt;&amp;lt;ins&amp;gt;&lt;/strong&gt; alleviivaa haluamasi tekstin.&lt;/p&gt;&#10;&lt;div class=&quot;w3-example&quot;&gt;&#10;&lt;h3&gt;Esimerkki&lt;/h3&gt;&#10;&lt;div class=&quot;w3-code notranslate htmlHigh&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Minun lempi&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;ins&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;väri&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/ins&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; on punainen.&lt;span&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;HTML elementti &lt;strong&gt;&amp;lt;sub&amp;gt;&lt;/strong&gt; tekee tekstistäsi alatekstiä.&#10;&lt;div class=&quot;w3-example&quot;&gt;&#10;&lt;h3&gt;Esimerkki&lt;/h3&gt;&#10;&lt;div class=&quot;w3-code notranslate htmlHigh&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Tämä on&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;sub&lt;span&gt;&amp;gt;ala&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/sub&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; tekstiä.&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;p class=&quot;w3-example&quot;&gt; &lt;br/&gt;&#10;HTML elementti &lt;strong&gt;&amp;lt;sup&amp;gt;&lt;/strong&gt; tekee tekstistäsi ylätekstiä.&lt;br/&gt;&#10;&lt;br/&gt;&#10;Esimerkki&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;/p&gt;&#10;&lt;div class=&quot;w3-example&quot;&gt;&#10;&lt;div class=&quot;w3-code notranslate htmlHigh&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Tämä on &lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;sup&lt;span&gt;&amp;gt;ylä&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/sup&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt; tekstiä.&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;span&gt;&lt;span&gt;&lt;br/&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;span&gt;&lt;span&gt;&lt;br/&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&#10;&lt;/div&gt;&#10;</content>
<published>2018-08-02T00:45:25+03:00</published>
</entry>

<entry>
<title>HTML elementtien muotoilu</title>
<id>https://peda.net/id/336375a495d</id>
<updated>2016-05-05T19:53:38+03:00</updated>
<link href="https://peda.net/p/jamspe/html5/8-html-muotoilu/hem#top" />
<content type="html">&lt;b&gt;&lt;b&gt;&lt;/b&gt;&lt;/b&gt;HTML kielestä löytyy myös spesiaaleja elementtejä tekstin muotoiluun, tällä sivulla löydät ne.&lt;br/&gt;&#10;&lt;p&gt;HTML kielessä on elementteinä mm.. &amp;lt;b&amp;gt; ja &amp;lt;i&amp;gt; lopputekstin muotoiluun, jotka tarkoittavat &amp;quot;boldia eli paksunnusta&amp;quot; sekä &amp;quot;kursivointia&amp;quot;&lt;/p&gt;&#10;&lt;p&gt;Muotoilu elementit on suunniteltu että saat tekstisi näkymään mm. seuraavasti&lt;strong&gt;&lt;/strong&gt;:&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;Paksunnettu &lt;/li&gt;&#10;&lt;li&gt;Tärkeä &lt;/li&gt;&#10;&lt;li&gt;Kursivoitu &lt;/li&gt;&#10;&lt;li&gt;Emphasized &lt;/li&gt;&#10;&lt;li&gt;Merkitty &lt;/li&gt;&#10;&lt;li&gt;Pieni text&lt;/li&gt;&#10;&lt;li&gt;Deletoitu &lt;/li&gt;&#10;&lt;li&gt;Insertoitu &lt;/li&gt;&#10;&lt;li&gt;Alateksti&lt;/li&gt;&#10;&lt;li&gt;Yläteksti&lt;/li&gt;&#10;&lt;/ul&gt;</content>
<published>2018-08-02T00:45:25+03:00</published>
</entry>

<entry>
<title>HTML paksunnus ja voimakas muotoilu</title>
<id>https://peda.net/id/336458e895d</id>
<updated>2016-05-05T19:57:05+03:00</updated>
<link href="https://peda.net/p/jamspe/html5/8-html-muotoilu/hpjvm#top" />
<content type="html">&lt;p&gt;HTML kielen &lt;strong&gt;&amp;lt;b&amp;gt;&lt;/strong&gt; elementti määrittää paksunnetun tekstin, ilman erikoista painoarvoa&lt;/p&gt;&#10;&lt;div class=&quot;w3-example&quot;&gt;&#10;&lt;h3&gt;Esimerkki&lt;/h3&gt;&#10;&lt;div class=&quot;w3-code notranslate htmlHigh&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Tämä teksti on normaalia.&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;b&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Tämä teksti on boldattu&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/b&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;.&lt;span&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&#10;&lt;p&gt;HTML kielen &lt;strong&gt;&amp;lt;strong&amp;gt;&lt;/strong&gt; elementti antaa tekstillesi tärkeän vaikutelman&lt;/p&gt;&#10;&lt;div class=&quot;w3-example&quot;&gt;&#10;&lt;h3&gt;Esimerkki&lt;/h3&gt;&#10;&lt;div class=&quot;w3-code notranslate htmlHigh&quot;&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Tämä teksti on normaalia&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;strong&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;Tämä teksti on tärkeää&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/strong&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;.&lt;span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;/p&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&#10;&lt;/div&gt;&#10;&lt;span&gt;&lt;span&gt;&lt;br/&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&#10;&lt;/div&gt;&#10;</content>
<published>2018-08-02T00:45:25+03:00</published>
</entry>


</feed>