Rabu, 17 April 2013

Tag Text Formating HTML

21.38    No comments

TAG FORMAT TEXT HTML
Ø HTML - Paragraph

*     
<p align="justify">STIKOM BANYUWANGI</p>
HTML - Paragraph Justification





  

*     

<p align="center">STIKOM BANYUWANGI</p>
HTML - Paragraph Centering

 

 

 






*      HTML - Paragraph Align Right

<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
 

 

 

 

Ø   HTML - Superscript

*     

2<sup>3</sup> = 8

14<sup>x</sup>
HTML – Exponents







*      HTML – Footnotes

<p>"NUMBER 1<sup>ST</sup>."
<hr />
1. STIKOM BANYUWANGI
 



Ø  HTML - Style Attribute

*      HTML – Style : in line CSS

<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>
 












Ø HTML – Strikethrough

*      HTML – Code

<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">
   <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"
 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 – PAGE LAYOUT AND TEMPLATE

 























                           










*      HTML – ITALIC

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>
 














*      HTML – DISPLAY

<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>
 
























*      HTML – ESSAY

<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>
 




0 komentar:

Posting Komentar