learn HTML learn HTML image hyperlink
MATERIALS:
Element A
ELEMENT A
Element A befungsi to
connects to the internal or external web pages. Element It has a href attribute
, name
, and target.
href Attribute function as a hypertext reference that have a value URI (uniformresource identifier) \u200b\u200bwhich will link to an external page web.Attribute
name serves to connect the to a destination within a web page (anchor). Attribute target function to display a web page in a window frame or new window.
Syntax:
\u0026lt;a href="uri" name="name" target="_blank"
EXERCISE
Thursday, March 24, 2011
Brazilian Wax St. Louis
Latihan1: Create an external link:
Link:
1. yahoo 2. google 3. d3tkj
Namafile: latihan6_1.html \u0026lt;html> \u0026lt;head> \u0026lt;title> Latihan6-1 \u0026lt;/ title> \u0026lt;/ head> \u0026lt;body> Link: <ol>
<li><a href="http://www.yahoo.com">yahoo</a></li>
<li><a href="http://www.google.com">google</a></li>
<li><a href="http://teknisi.jardiknas.org">d3tkj</a></li>
</ol> </body>
</html>
Link:
1. yahoo 2. google 3. d3tkj
Namafile: latihan6_1.html \u0026lt;html> \u0026lt;head> \u0026lt;title> Latihan6-1 \u0026lt;/ title> \u0026lt;/ head> \u0026lt;body> Link: <ol>
<li><a href="http://www.yahoo.com">yahoo</a></li>
<li><a href="http://www.google.com">google</a></li>
<li><a href="http://teknisi.jardiknas.org">d3tkj</a></li>
</ol> </body>
</html>
additional Duties:
Add every link with target "_blank", "_parent", "_self", "_top". Observe the results.
Exercise 2:
Creating internal links and anchor: internal links and anchor is a link that points to the place that exists in this document.
goto end
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the first part of the text in the document this.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the second section in this document.
This is the text of the second section in this document. This is the text of the second section in this document.
This is the text of the second section in this document. Exercise 2:
Creating internal links and anchor: internal links and anchor is a link that points to the place that exists in this document.
goto end
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the first part of the text in the document this.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the second section in this document.
This is the text of the second section in this document. This is the text of the second section in this document.
| This is the third part of the text in this document. This is the third part of the text in this document. This is the third part of the text in this document. This is the sixth part of the text in this document. This is the third part of the text in this document. This is the third part of the text this document. This is the third part of the text in this document. This is the third part of the text in this document. This is the fourth part of the text in this document. This is the fourth part of the text in this document. This is the fourth part of the text in this document. This is the fourth part of the text in this document. This is the fourth part of the text in this document. This is the fourth part of the text in this document. This is the fourth part of the text in this document. This is the fifth part of the text in this document. This is the fifth part of the text in this document. This is the fifth part of the text in this document. This is the fifth part of the text in this document. This is the text The fifth section of this document. This is the fifth part of the text in this document. This is the fifth part of the text in this document. This is the sixth part of the text in this document. This is the sixth part of the text in this document. This is the sixth part of the text in this document. This is the sixth part of the text in this document. This is the sixth part of the text in this document. | This is the sixth part of the text in this document.
filename: latihan6_2.html
\u0026lt;html> \u0026lt;head>
\u0026lt;title> Latihan6-2 \u0026lt;/ title>
\u0026lt;/ head>
\u0026lt;body>
internal links and anchor is a link that points to the place that exists in this document. \u0026lt;br>
\u0026lt;a href="#akhir"> goto end \u0026lt;/ a>
\u0026lt;a name="pertama"> \u0026lt;/ a>
\u0026lt;p>
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
\u0026lt;/ p>
\u0026lt;p>
This is the text of the second section in this document.
This is the text of the second section in this document.
This is the text of the second section in this document.
This is the text of the second section in this document.
This is the text of the second section in this document.
This is the text of the second section in this document.
This is the text of the second section in this document.
\u0026lt;/ p>
\u0026lt;p>
This is the third part of the text in this document.
This is the third part of the text in this document.
This is the third part of the text in this document.
This is the third part of the text in this document.
This is the third part of the text in this document.
This is the third part of the text in this document.
This is the third section in the document text this.
\u0026lt;/ p>
\u0026lt;p> This is the fourth part of the text in this document. This is the fourth part of the text in this document.
This is the fourth part of the text in this document.
This is the fourth part of the text in this document. This is the fourth part of the text in this document.
This is the fourth part of the text in this document. This is the fourth part of the text in this document.
\u0026lt;/ p> \u0026lt;title> Latihan6-2 \u0026lt;/ title>
\u0026lt;/ head>
\u0026lt;body>
internal links and anchor is a link that points to the place that exists in this document. \u0026lt;br>
\u0026lt;a href="#akhir"> goto end \u0026lt;/ a>
\u0026lt;a name="pertama"> \u0026lt;/ a>
\u0026lt;p>
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
This is the text of the first part of this document.
\u0026lt;/ p>
\u0026lt;p>
This is the text of the second section in this document.
This is the text of the second section in this document.
This is the text of the second section in this document.
This is the text of the second section in this document.
This is the text of the second section in this document.
This is the text of the second section in this document.
This is the text of the second section in this document.
\u0026lt;/ p>
\u0026lt;p>
This is the third part of the text in this document.
This is the third part of the text in this document.
This is the third part of the text in this document.
This is the third part of the text in this document.
This is the third part of the text in this document.
This is the third part of the text in this document.
This is the third section in the document text this.
\u0026lt;/ p>
\u0026lt;p> This is the fourth part of the text in this document. This is the fourth part of the text in this document.
This is the fourth part of the text in this document.
This is the fourth part of the text in this document. This is the fourth part of the text in this document.
This is the fourth part of the text in this document. This is the fourth part of the text in this document.
| \u0026lt;p> This is the fifth part of the text in this document. This is the fifth part of the text in this document. This is the text of the fifth in this document.
This is the fifth part of the text in this document. This is the fifth part of the text in this document. This is the fifth part of the text in this document. This is the fifth part of the text in this document. \u0026lt;/ p> \u0026lt;a name="akhir"> \u0026lt;/ a> \u0026lt;p> This is the sixth part of the text in this document. This is the sixth part of the text in this document. This is the sixth part of the text in this document. This is the sixth part of the text in this document. This is the sixth part of the text in this document. This is the sixth part of the text in this document. This The sixth part is the text in this document. \u0026lt;/ p> \u0026lt;a href="#pertama"> goto the first \u0026lt;/ a> \u0026lt;/ body> \u0026lt;/ html> 
Subscribe to:
Post Comments (Atom)
|
0 comments:
Post a Comment