TAG FORMAT TEXT HTML
Ø HTML -
Paragraph
<p
align="justify">STIKOM BANYUWANGI</p>
HTML
- Paragraph Justification
|
<p
align="justify">STIKOM BANYUWANGI</p>
|
<p
align="center">STIKOM BANYUWANGI</p>
HTML
- Paragraph Centering
<p
align="center">STIKOM BANYUWANGI</p>
 |
HTML -
Paragraph Align Right
<p align="right">STIKOM
BANYUWANGI</p>
|
<p align="right">STIKOM
BANYUWANGI</p>
|
Ø HTML – Subscript
HTML - Chemical Compounds
<p>H<sub>2</sub>0
- Water
<p>O<sub>2</sub>
- Oxygen
<p>CO<sub>2</sub>
- Carbon Dioxide
<p>H<sub>2</sub>0
- Water
<p>O<sub>2</sub>
- Oxygen
<p>CO<sub>2</sub>
- Carbon Dioxide
|
Ø HTML - Superscript
2<sup>3</sup>
= 8
14<sup>x</sup>
HTML
– Exponents
2<sup>3</sup>
= 8
14<sup>x</sup>
|
HTML – Footnotes
<p>"NUMBER
1<sup>ST</sup>."
|
<p>"NUMBER
1<sup>ST</sup>."
<hr />
1. STIKOM BANYUWANGI
|
Ø HTML - Style
Attribute
HTML – Style : in line CSS
<p id="contentParagraph"
style="color: #4309fe;">
|
<p id="contentParagraph"
style="color: #4309fe;">
Merubah warna font menjadi biru.
</p>
|
HTML – Styling
<p id="contentParagraph"
style="font-family:arial ; font-size: 12pt; color: #f60606;">
tag ini berfungsi untuk merubah
karakter font, ukuran font dan juga warna font
</p>
|
<p id="contentParagraph"
style="font-family:arial ; font-size: 12pt; color: #f60606;">
tag ini berfungsi untuk merubah
karakter font, ukuran font dan juga warna font
</p>
|
Ø HTML –
Strikethrough
HTML – Code
<p>This text is
<del>scratched</del> out!</p>
|
<p>This text is
<del>scratched</del> out!</p>
|
HTML – Check of text
|
<ol>
<li>STIKOM BANYUWANGI</li>
<li><del>UNTAG
BANYUWANGI</del></li>
<li><del>UNIBA
BANYUWANGI</del></li>
</ol>
|
Ø HTML – PAGE
LAYOUT AND TEMPLATE
HTML – CODE
<table id="shell"
bgcolor="black" border="1" height="200"
width="300">
|
<table id="shell"
bgcolor="black" border="1" height="200"
width="300">
<tr>
<td>
<table id="inner" bgcolor="white"
height="100" width="100">
<tr>
<td>STIKOM BANYUWANGI</td>
</tr>
</table>
</td>
</tr>
</table>
|
<table id="shell" title="Shell"
height="250" width="400"
HTML
– PAGE LAYOUT AND TEMPLATE
|
<table id="shell" title="Shell"
height="250" width="400"
border="0"
bgcolor="black" cellspacing="1"
cellpadding="0">
<tr
height="50">
<td
bgcolor="white">
<table
title="banner" id="banner">
<tr><td>Banner </td></tr>
</table>
</td>
</tr>
<tr
height="25">
<td
bgcolor="white">
<table
title="Navigation" id="navigation">
<td>Links!</td></tr>
</table>
</td>
</tr>
<tr>
<td
bgcolor="white">
<table
title="Content" id="content">
<tr>
<td>ISI</td>
</tr>
</table>
</td>
</tr>
</table>
|
HTML – ITALIC
Italic <i>tag</i>!
<em>Emphasized</em> Text!
Create a
<blockquote>blockquote</blockquote>!
Format your
<address>addresses</address>!
|
Italic <i>tag</i>!
<em>Emphasized</em> Text!
Create a
<blockquote>blockquote</blockquote>!
Format your
<address>addresses</address>!
|
HTML – ITALIC & BOLD
|
<p>ANDY DWI <b><i>PRASETYO</i></b></p>
|
HTML – FORMAT LINK
<p>Include several external
links throughout your texts as references to your viewers,
we will discuss
<a href="" target="_blank" title="Tizag Links">
<b><i>HTML Links</i></b>
</a>
in a later lesson.</p>
<p>Include several external
links throughout your texts as references to your viewers,
we will discuss
<a href="" target="_blank" title="Tizag Links">
<b><i>HTML Links</i></b>
</a>
in a later lesson.</p>
|
HTML – DISPLAY
<hr />
Use
<hr /><hr />
Them
<hr />
Sparingly
<hr />
<hr />
Use
<hr /><hr />
Them
<hr />
Sparingly
<hr />
|
HTML – BIBLIOGRAPHY
<hr />
<p>1. "The Hobbit", JRR Tolkien.<br />
2. "The Fellowship of the Ring" JRR Tolkien.</p>
|
HTML – HEADINGS 1-6
<body>
<h1>Headings</h1>
<h2>are</h2>
<h3>great</h3>
<h4>for</h4>
<h5>titles</h5>
<h6>and subtitles</h6>
</body>
|
<body>
<h1>Headings</h1>
<h2>are</h2>
<h3>great</h3>
<h4>for</h4>
<h5>titles</h5>
<h6>and subtitles</h6>
</body>
|
HTML – ESSAY
<h1 align="center">Essay
Example</h1>
|
<h1 align="center">Essay
Example</h1>
<p>Avoid losing floppy disks with important
school/work projects...</p>
<p>For instance, let's say you had a
HUGE school or work project to complete. Off ...</p>
|
HTML - Div Element
|
<div id="myDiv"
name="myDiv" title="Example Div Element"
style="color: #0900C4; font: Helvetica 12pt;border: 1px solid
black;">
<h5>Subtitle</h5>
<p>This paragraph would be your content paragraph...</p>
<p>Here's another content article right here.</p>
</div>
|
HTML - Divs of divs
<div id="myDiv" name="myDiv" title="Example Div Element" style="font-family: Helvetica; font-size: 12pt; border: 1px solid black;">
<div id="subDiv1" name="subDiv1" title="Subdivision Div Element" style="color: #FF0000; border: 1px dotted black;">
<h5>Section 1</h5>
<p>This paragraph would be your content paragraph...</p>
<p>Here's another content article right here.</p>
</div>
<br />
<div id="subDiv2" name="subDiv2" title="Subdivision Div Element" style="color: #FF00FF;border: 1px dashed black;">
<h5>Section 2</h5>
<p>This paragraph would be your content paragraph...</p>
<p>Here's another content article right here.</p>
</div>
</div>
|
HTML - Computer Code
This text has been formatted to be computer <code>code</code>!
|
HTML - Code Link
<p>Feel free to search <code>Google</code>
for anything you wish to find on the internet.</p>
|
HTML - Address
<p>
Will Mateson<br />
Box 61<br />
Cleveland, Ohio<br />
</p>
|
HTML - Closing Letter
|
<p>Sincerely,<br />
<br />
<br />
Kevin Sanders<br />
<i>Vice
President</i></p>
|
HTML - More Bold
<p><b>Don't</b> touch that!</p>
|
HTML - Dictionory
<p><b>Cardio:</b> Latin word meaning of the heart.</p>
|
HTML - Email Link
|
<a
href= "andydwiprasetyo@gmail.com" >Email Example</a>
|
HTML - Complete Email
<a href= "mailto: a@b.com?subject=Web Page Email&body=This email
is from your website" >
2nd Email Example</a>
|
