HTML-kod i Palms

Förord

• Vem har nytta av den här artikeln
  • Innehållsskapare
  • Portaladministratörer med SuperUser behörighet

Varför har vi skrivit den här artikeln

Flera av dessa koder finns redan tillgängliga i textredigeraren för HTML-widgeten på startsidan och i textredigeraren för utbildningsbeskrivningar. I vissa fall kan man vilja använda vanliga HTML-koder på andra ställen i Palms. I den här artikeln visar vi de koder som vi har verifierat fungerar på startsidan.

• Innehåll
  • Formatera texter
  • Listor
  • Länkar
  • Tabeller
  • Avskiljare

Text

Understruken text

<u>din text</u> 

Överstruken text

<s>din text</s> 

Fet text

<b>din text</b> 

Kursiv text

<i>din text</i> 

Centrera text 

<center> din text eller bild </center>

Rubriker

Titelrubrik (h1)

<h1>din text</h1>

Rubrik (h2)

<h2>din text</h2>

Underrubrik (h3)

<h3>din text</h3>

Styckesrubrik (h4)

<h4>din text</h4>

Rubrik 5

<h5>din text</h5>

 

Textstorlek

Siffran mellan "" styr storleken, storleken är 4 i exemplet nedan.

<font size="4">Din text här</font>

Textfärg

<font color="red">Din text här blir röd</font>

Går även att använda hex-färgkoder som exempelvis #FF0000 för färgen röd

Högerställ text eller bild

<p align="right">Din text eller bild</p>

Exempel på hur texterna ser ut i Palms

Listor

Punktlista

<ul>
 <li>text ett</li>
 <li>text två</li>
</ul>

Numrerad lista

<ol>
 <li>Text ett</li>
 <li>Text två</li>
</ol>

Lista i två nivåer

<ul>
 <li>Överordnad text ett
  <ul>
   <li>Undertext ett</li>
   <li>Undertext två</li>
  </ul>
 </li>
 <li>Överordnad text två
  <ul>
   <li>Undertext tre</li>
   <li>Undertext fyra</li>
  </ul>
 </li>
</ul>

Exempel på hur listor ser ut i Palms

Länkar

Intern länk

 <a href="https://dittsystem.palms.academy">Text som visas som länk</a>

Tips på vanliga interna länkar (ersätt "dinportal" med systemets namn)

• Utbildningskatalogen

  <a href="https://dinportal.palms.academy/content/catalog">Text som visas som länk</a>

• Klasser

  <a href="https://dinportal.palms.academy/profile/class">Text som visas som länk</a>

• Coachning

  <a href="https://dinportal.palms.academy/profile/user/conversations">Text som visas som länk</a>

Länk till extern sida (öppnas i ny en flik)

<a href="http://din_länk.se" target="_blank">Text som visas som länk</a>

Länk till epost

<a href="mailto:[e-mail]">Text som visas som länk</a>

Tabeller

<table width="200" border="1">
 <tr>
 <td>cell1</td>
 <td>cell2</td>
 </tr>
 <tr>
 <td>cell3</td>
 <td>cell4</td>
 </tr>
 </table>

Exempel på hur tabeller ser ut i PALMS

Avskiljare (horisontal linje)

<hr width ="100%">

Exempel på hur avskiljare ser ut i PALMS