HTML BASIC
Source Code: | Result: |
<!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> | My First HeadingMy first paragraph. |
<!DOCTYPE html> <html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> </body> </html> | This is heading 1This is heading 2This is heading 3This is heading 4This is heading 5This is heading 6 |
<!DOCTYPE html> <html> <body> <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p> </body> </html> | This is a paragraph. This is a paragraph. This is a paragraph. |
<!DOCTYPE html> <html> <body> <a href="http://calonprogramerindonesia.blogspot.com"> This is a link</a> <a href="http://calonprogramerindonesia.blogspot.com" target="_blank">Visit W3Schools.com!</a> <p>If you set the target attribute to "_blank", the link will open in a new browser window/tab.</p> </body> </html> |
This is a link Visit CalonProgramerIndonesia.com! If you set the target attribute to "_blank", the link will open in a new browser window/tab. |
<!DOCTYPE html> <html> <body> <img src="html.jpg" width="204" height="142"> </body> </html> |
 |
<!DOCTYPE html> <html> <body> <p>The hr tag defines a horizontal rule:</p> <hr><p>This is a paragraph</p> <hr><p>This is a paragraph</p> <hr><p>This is a paragraph</p> </body> </html> |
The hr tag defines a horizontal rule: This is a paragraph This is a paragraph This is a paragraph |
<!DOCTYPE html> <html> <body style="background-color:PowderBlue;"> <h2 style="background-color:red;">This is a heading</h2> <p style="background-color:green;">This is a paragraph.</p> <h1 style="text-align:center;">Center-aligned heading</h1> <p>This is a paragraph.</p> <h1 style="font-family:verdana;">A heading</h1> <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p> <h1>Look! Styles and colors</h1> <p style="font-family:verdana;color:red;"> This text is in Verdana and red</p> <p style="font-family:times;color:green;"> This text is in Times and green</p> <p>This is<br>a para<br>graph with line breaks</p> <p style="font-size:30px;">This text is 30 pixels high</p> <p><b>This text is bold</b></p> <p><strong>This text is strong</strong></p> <p><i>This text is italic</i></p> <p><em>This text is emphasized</em></p> <p><code>This is computer output</code></p> <p>This is<sub> subscript</sub> and <sup>superscript</sup></p> </body> </html> |
This is a headingThis is a paragraph. Center-aligned headingThis is a paragraph. A headingA paragraph. Look! Styles and colorsThis text is in Verdana and red This text is in Times and green This is This text is 30 pixels high This text is bold This text is strong This text is italic This text is emphasized
This is subscript and superscript |
Tidak ada komentar:
Posting Komentar