<h3 id="R7">7. Obejmowanie tekstu</h3>


<p>
Skróty klawiszowe i komendy dostępne na palecie szablonów
pozwalają na operowaniu zaznaczonym blokiem.
</p>


<p>
Jeśli w edytorze jest zaznaczony blok tekstu, wówczas zostanie
on umieszczony wewnątrz wstawianego kodu.
</p>


<p>
Wprowadź w edytorze tekst <em>lorem ipsum</em>
po czym zaznacz cały tekst (<span class="shortcut">Ctrl+A</span>)
jak to ilustruje rysunek 11.
</p>


<div class="image">

<a href="img/11-duze.png"><img src="img/11.png" alt="" /></a>

<p>
Rys. 11.
Zaznaczony blok zostanie umieszczony wewnątrz elementu XHTML
</p>
</div>





<p>
Aktywując skrót <span class="shortcut">Ctrl+B+1</span> (szablon pustej strony WWW)
otrzymasz kod pustej strony WWW. W treści strony pojawi się uprzednio
zaznaczony blok z tekstem <em>lorem ipsum</em>:
</p>




<pre>
&lt;!DOCTYPE ...&gt;
&lt;html ...&gt;
  &lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;meta ... /&gt;
  &lt;/head&gt;
&lt;body&gt;

lorem ipsum

&lt;/body&gt;
&lt;/html&gt;
</pre>



<p>
Podobnie, jeśli wprowadzisz w edytorze kod:
</p>


<pre>
CZERWONY ZIELONY NIEBIESKI
</pre>



<p>
i zaznaczysz w nim wyraz <em>ZIELONY</em>, jak to ilustruje rysunek 12,
to po aktywacji skrótu <span class="shortcut">Ctrl+E+E</span> (element <span class="variable">em</span>),
zaznaczony wyraz zostanie umieszczony
wewnątrz znaczników <span class="variable">&lt;em&gt;</span> oraz
<span class="variable">&lt;/em&gt;</span>.
Ilustruje to rysunek 13.
</p>


<div class="image">

<a href="img/12-duze.png"><img src="img/12.png" alt="" /></a>

<p>
Rys. 12.
Zaznaczony blok
</p>
</div>




<div class="image">

<a href="img/13-duze.png"><img src="img/13.png" alt="" /></a>

<p>
Rys. 13.
Po naciśnięciu skrótu <span class="shortcut">Ctrl+E+E</span> wyraz <em>ZIELONY</em> zostaje umieszczony wewnątrz elementu <span class="variable">em</span>
</p>
</div>







