Show Menu
Cheatography
  1. Home >
  2. Programming >

HTML Cheat Sheet (DRAFT) by

kod HTML definicje i wyjaśnienia

This is a draft cheat sheet. It is a work in progress and is not finished yet.

Format­ownie tekstowe

<pr­e>
Ten element HTML służy do wyświe­tlania tekstu z zachow­aniem wszystkich odstępów i wcięć zapisanych w kodzie.
 
<pr­e> 
 function calcul­ate­Sum(a, b) {
  return a + b; 
 } 
 </p­re>
 
<br>
nowa linia
 
<p>To jest pierwsza linia.<­br­>To jest druga linia.<­/p>
 
<ma­rk>
wyróżn­ienie fragmentu tekstu wewnątrz innego elementu
 
<p>­Lorem ipsum dolor sit amet, <ma­rk>­con­sec­tetur adipiscing elit</­mar­k>.<­/p>
 
<b>
pogrub­ienie, bez znaczenia semant­ycznego
 
<p>To jest <b>­pog­rubiony tekst<­/b> wewnątrz akapit­u.<­/p>
 
<st­ron­g>
pogrub­ienie ze znaczeniem semant­ycznym i
 
<p>To jest <st­ron­g>ważny tekst<­/st­ron­g> wewnątrz akapit­u.<­/p>
 
<em>
kursywa
 
<p>­<em­>To jest kursyw­a</­em>­</p>
 
<in­s>
Ten element HTML służy do oznaczania wstawi­onego tekstu. Zazwyczaj powoduje to podkre­ślenie lub inną wizualną reprez­entację tekstu, który został dodany do dokumentu w porównaniu z oryginalną wersją.
 
<p>­Lorem ipsum dolor sit amet, <in­s>c­ons­ectetur adipiscing elit</­ins­>.<­/p>
 
<de­l>
Ten element HTML służy do oznaczania usuniętego tekstu. Zazwyczaj powoduje to przekr­eślenie lub inną wizualną reprez­entację tekstu, który został usunięty z orygin­alnej wersji dokumentu.
 
<p>­Lorem ipsum dolor sit amet, <de­l>c­ons­ectetur adipiscing elit</­del­>.<­/p>
 
<s>
Ten element HTML służy do oznaczania przekr­eśl­onego tekstu. Zazwyczaj jest stosowany, gdy chcemy wskazać, że dany tekst jest przest­arzały, nieakt­ualny lub niepra­wdziwy, ale nadal jest widoczny na stronie.
 
<p>­Lorem ipsum dolor sit amet, <s>­con­sec­tetur adipiscing elit</­s>.<­/p>
 
<su­p>
indekst górny
 
<p>­H<s­up>­2</­sup­>O<­/p> <!-- H2O -->
 
<su­b>
indeks dolny
 
<p>­C<s­ub>­6</­sub­>H<­sub­>12­</s­ub>­O<s­ub>­6</­sub­></­p> <!-- C6H12O6 -->
 
<q>
cytaty krótkie
 
<p>­Według słów Alberta Einsteina: <q>­Wyo­braźnia jest ważniejsza od wiedzy.</­q><­/p>
 
<q cite=..>
cite wskazuje na źródło cytatu lub bloku cytatu
 
<p>­Według słów <q cite="h­ttp­s:/­/ex­amp­le.c­om­/qu­ote­"­>Wy­obr­aźnia jest ważniejsza od wiedzy.</­q><­/p>
 
<bl­ock­quo­te>
cytaty długie
 
<bl­ock­quo­te>   
  <p>­Lorem ipsum dolor sit </p>    
 <p>­Pel­len­tesque vel dui sed orci faucibus iaculis. </p>  
 </b­loc­kqu­ote>
 
<bl­ock­quote cite=...>
cite wskazuje na źródło cytatu lub bloku cytatu
 
<bl­ock­quote cite="h­ttp­s:/­/ex­amp­le.c­om­/qu­ote­-so­urc­e">  
  <p>­Lorem ipsum dolor sit amet, consec­tetur adipiscing elit.<­/p>   
  <p>­Pel­len­tesque vel dui sed orci faucibus iaculi­s.<­/p>  
</blockquote>
 
<sp­an>
Element <sp­an> w HTML jest pustym kontenerem używanym do wyróżn­ienia i manipu­lacji części tekstu lub elementów na stronie. Nie wprowadza żadnych zmian w znaczeniu semant­ycznym ani stylu, ale umożliwia zastos­owanie stylów CSS lub identy­fik­atorów dla danego fragmentu tekstu lub elementu.
 
<p>­Lorem ipsum dolor sit <span style=­"­color: red;">a­met­</s­pan­>, consec­tetur adipiscing elit.<­/p>

Mark

abrr