Materi : Latihan3.html
Silakan copy paste ke notepad dan simpan dengan nama latihan3.html.
Kemudian jalankan menggunakan browser.
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Page Description">
<title>HTML Text Tags</title>
</head>
<body>
<!-- Headings -->
<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>
<!-- This is Horizontal Line -->
<h1>This is Horizontal Line.</h1>
<hr>
<!-- This is Paragraph -->
<h1>This is Paragraph.</h1>
<p>1. "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<!-- This is Single Line Breaks -->
<h1>This is Single Line Breaks.</h1>
<br>
<br>
<!-- This is Strong -->
<h1>This is Strong.</h1>
<p>1. "<strong>Lorem</strong> ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<!-- This is Emphasis -->
<h1>This is Emphasis.</h1>
<p>I <strong>love</strong> to write <em>HTML5</em>!</p>
<!-- This is Underline -->
<h1>This is Undeline.</h1>
<p>I <u><strong>love</strong></u> to write <em>HTML5</em>!</p>
<!-- This is Italics -->
<h1>This is Italics.</h1>
<p>I <i><u><strong>love</strong></u></i> to write <em>HTML5</em>!</p>
<h1>Some More Text Formatting Tags</h1>
<p><del>This text is deleted</del> and <ins>This text is inserted</ins>.</p>
<p><s>This text has a strikethrough</s>.</p>
<p>Superscript<sup>®</sup>.</p>
<p>Subscript for things like H<sub>2</sub>O.</p>
<p><small>This small text is small for for fine print, etc.</small></p>
<p>Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr></p>
<p><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation.</q></p>
<p><cite>This is a citation.</cite></p>
<p>The <dfn>dfn element</dfn> indicates a definition.</p>
<p>The <mark>mark element</mark> indicates a highlight.</p>
<p>The <var>variable element</var>, such as <var>x</var> = <var>y</var>.</p>
</body>
</html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Page Description">
<title>HTML Text Tags</title>
</head>
<body>
<!-- Headings -->
<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>
<!-- This is Horizontal Line -->
<h1>This is Horizontal Line.</h1>
<hr>
<!-- This is Paragraph -->
<h1>This is Paragraph.</h1>
<p>1. "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<!-- This is Single Line Breaks -->
<h1>This is Single Line Breaks.</h1>
<br>
<br>
<!-- This is Strong -->
<h1>This is Strong.</h1>
<p>1. "<strong>Lorem</strong> ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<!-- This is Emphasis -->
<h1>This is Emphasis.</h1>
<p>I <strong>love</strong> to write <em>HTML5</em>!</p>
<!-- This is Underline -->
<h1>This is Undeline.</h1>
<p>I <u><strong>love</strong></u> to write <em>HTML5</em>!</p>
<!-- This is Italics -->
<h1>This is Italics.</h1>
<p>I <i><u><strong>love</strong></u></i> to write <em>HTML5</em>!</p>
<h1>Some More Text Formatting Tags</h1>
<p><del>This text is deleted</del> and <ins>This text is inserted</ins>.</p>
<p><s>This text has a strikethrough</s>.</p>
<p>Superscript<sup>®</sup>.</p>
<p>Subscript for things like H<sub>2</sub>O.</p>
<p><small>This small text is small for for fine print, etc.</small></p>
<p>Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr></p>
<p><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation.</q></p>
<p><cite>This is a citation.</cite></p>
<p>The <dfn>dfn element</dfn> indicates a definition.</p>
<p>The <mark>mark element</mark> indicates a highlight.</p>
<p>The <var>variable element</var>, such as <var>x</var> = <var>y</var>.</p>
</body>
</html>
Output
