<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p>This is a paragraph.</p>
y <p>This is a paragraph.</p>
y <p>This is a paragraph.</p>
y <p>Paragraph elements are defined by the p tag.</p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p>
y This paragraph
y contains a lot of lines
y in the source code,
y but the browser
y ignores it.
y </p>
y <p>
y This paragraph
y contains a lot of spaces
y in the source code,
y but the browser
y ignores it.
y </p>
y <p>
y The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.
y </p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p>This is<br />a para<br />graph with line breaks</p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <h1>This is heading 1</h1>
y <h2>This is heading 2</h2>
y <h3>This is heading 3</h3>
y <h4>This is heading 4</h4>
y <h5>This is heading 5</h5>
y <h6>This is heading 6</h6>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <h1 align="center">This is heading 1</h1>
y <p>The heading above is aligned to the center of this page.
The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.</p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p>The hr tag defines a horizontal rule:</p>
y <hr />
y <p>This is a paragraph</p>
y <hr />
y <p>This is a paragraph</p>
y <hr />
y <p>This is a paragraph</p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <!--This comment will not be displayed-->
y <p>This is a regular paragraph</p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body bgcolor="yellow">
y <h2>Look: Colored Background!</h2>
y <p>For future proof HTML, use HTML styles instead:</p>
y <p>style="background-color:yellow"</p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p><b>This text is bold</b></p>
y <p><strong>This text is strong</strong></p>
y <p><big>This text is big</big></p>
y <p><em>This text is emphasized</em></p>
y <p><i>This text is italic</i></p>
y <p><small>This text is small</small></p>
y <p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <pre>
y This is
y preformatted text.
y It preserves both spaces y and line breaks.
y </pre>
y <p>The pre tag is good for displaying computer code:</p>
y <pre>
y for i = 1 to 10
y print i
y next i y </pre>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p>
y <a href="lastpage.htm">
y This text</a> is a link to a page on
y this Web site.
y </p>
y <p>
y <a href="http://www.microsoft.com/">
y This text</a> is a link to a page on
y the World Wide Web.
y </p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p>
y You can also use an image as a link:
y <a href="lastpage.htm">
y <img border="0" src="buttonnext.gif" width="65"
height="38">
y </a>
y </p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <a href="lastpage.htm" target="_blank">Last Page</a>
y <p>
y If you set the target attribute of a link to "_blank",
y the link will open in a new window.
y </p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p>
y <a href="#C4">See also Chapter 4.</a>
y </p>
y <h2>Chapter 1</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 2</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 3</h2>
y <p>This chapter explains ba bla bla</p>
y <h2><a name="C4">Chapter 4</a></h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 5</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 6</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 7</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 8</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 9</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 10</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 11</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 12</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 13</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 14</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 15</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 16</h2>
y <p>This chapter explains ba bla bla</p>
y <h2>Chapter 17</h2>
y <p>This chapter explains ba bla bla</p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p>Locked in a frame?</p>
y <a href="http://www.w3schools.com/"
y target="_top">Click here!</a>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p>
y This is a mail link:
y <a href="mailto:someone@microsoft.com?subject=Hello%20again">
y Send Mail</a>
y </p>
y <p>
y <b>Note:</b> Spaces between words should be replaced by %20 to <b>ensure</b> that the browser will display your text properly.
y </p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p>
y This is another mailto link:
y <ahref="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsom eoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%2 0to%20a%20big%20summer%20party!">Send mail!</a>
y </p>
y <p>
y <b>Note:</b> Spaces between words should be replaced by %20 to <b>ensure</b> that the browser will display your text properly.
y </p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p><b>This text is bold</b></p>
y <p><strong>This text is strong</strong></p>
y <p><big>This text is big</big></p>
y <p><em>This text is emphasized</em></p>
y <p><i>This text is italic</i></p>
y <p><small>This text is small</small></p>
y <p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
y </body>
y </html>
ÖRNEK UYGULAMALAR
y <html>
y <body>
y <p>
y a dozen is
y <del>twenty</del>
y <ins>twelve</ins>
y pieces y </p>
y <p>
y Most browsers will overstrike deleted text and underline inserted text.
y </p>
y <p>
y Some older browsers will display deleted or inserted text as plain text.
y </p>
y </body>
y </html>