Taguri 1

Administrator Data inscrierii: 07/Dec/2013 Mesaje: 1103

Citat:

Fisa 1
1. This example demonstrates how you can compus text in an HTML document.

<html>
<body>

<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><big>This text is big</big></p>
<p><em>This text is emphasized</em></p>
<p><i>This text is italic</i></p>
<p><small>This text is small</small></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

</body>
</html>

2. This example demonstrates how you can control the line breaks and spaces with the pre tag.

<html>
<body>

<pre>
This is
preformatted text.
It preserves both spaces
and line breaks.
</pre>
<p>The pre tag is good for displaying computer code:</p>

<pre>
for i = 1 to 10
print i
next i
</pre>

</body>
</html>

3. This example demonstrates how different "computer output" tags will be displayed.

<html>
<body>

<code>Computer code</code>
<br>
<kbd>Keyboard input</kbd>
<br>
<tt>Teletype text</tt>
<br>
<samp>Sample text</samp>
<br>
<var>Computer variable</var>
<br>

<p>
<b>Note:</b> These tags are often used to display computer/programming code.
</p>

</body>
</html>

4. This example demonstrates how to mark a text that is deleted or inserted to a document.

<html>
<body>

<p>
a dozen is
<del>twenty</del>
<ins>twelve</ins>
pieces
</p>

<p>
Most browsers will overstrike deleted text and underline inserted text.
</p>

<p>
Some older browsers will display deleted or inserted text as plain text.
</p>

</body>
</html>

5. Defines header 1 to header 6

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

6. Defines a comment

<html>
<body>

<This>
<p>This is a regular paragraph</p>

</body>
</html>

7. Styles

<html>
<body>

<h1>Look! Styles and colors</h1>

<p>
This text is in Verdana and red</p>

<p>
This text is in Times and green</p>

<p>This text is 30 pixels high</p>

</body>
</html>

8. links

<html>
<body>

<a href="lastpage.htm" target="_blank">Last Page</a>

<p>
If you set the target attribute of a link to "_blank",
the link will open in a new window.
</p>

</body>
</html>

9. links (in interiorul paginii)

Observati atributul name in link-ul capitolul 4

<html>
<body>

<p>
<a href="#C4">See also Chapter 4.</a>
</p>

<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>

<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>

</body>
</html>