Wednesday, August 19, 2015

Materi Web Desain : HTML Style dan Format Text

Materi Web Desain : HTML Style dan Format Text

Materi Web Desain : HTML Style dan Format Text - Beberapa materi Web Desain telah diajarkan pada pertemuan sebelumnya. Seperti Heading, Paragraf, Link dan Gambar.

Pada materi ini akan dibahas tentang HTML Styling. Dalam HTML Styling akan belajar tentang mengubah warna dari Text maupun Heading serta mengubah jenis font. HTML Styling juga dapat mengubah ukuran Text dan perataan text.

HTML Color, untuk mengubah warna Text

<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>

HTML Font, untuk mengubah jenis text

<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>

HTML Text Size, untuk mengubah ukuran Text

<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>

HTML Alignment, untuk membuat perataan text.

<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>

Untuk HTML Format, akan memformat text dengan bold, strong, italic, emphasized, small, marked, deleted, inserted, subscript dan superscript.

HTML Bold dan Strong, digunakan untuk membuat tulisan tebal.

<p>This text is normal.</p>
<p><b>This text is bold</b>.</p>
<p><strong>This text is strong</strong>.</p>

HTML Italic dan Emphasized, akan membuat tulisan miring

<p>This text is normal.</p>
<p><i>This text is italic</i>.</p>
<p><em>This text is emphasized</em>.</p>

HTML Small, untuk membuat tulisan kecil

<p><em>This text is emphasized</em>.</p>

HTML Marked, untuk membuat tulisan terblok

<h2>HTML <mark>Marked</mark> Formatting</h2>

HTML Deleted, untuk membuat tulisan bergaris tengah

<p>My favorite color is <del>blue</del> red.</p>

HTML inserted,

<p>My favorite <ins>color</ins> is red.</p>

HTML Subscript dan Superscript

<p>This is <sub>subscripted</sub> text.</p>
<p>This is <sup>superscripted</sup> text.</p>

0 comments

Post a Comment