HTML Tables and Links
Concepts - Table <table> , table head <thead> ,table body <tboday>, table row <tr>, table header<th>table data <td> , <a> anchor tag with option , <id = " xxx " xxx - some test
<!DOCTYPE html>
<html>
<head>
<title>Playing with Web links</title>
</head>
<body>
<table>
<thead>
<tr>
<th>First<br>Name </th>
<th>Last<br>Name</th>
</tr>
</thead>
<tbody>
<tr>
<td> Hari </td>
<td> Sapkota</td>
</tr>
</tbody>
</table>
<p id = "top" ><a href="https://google.com" > Click to go to google.com </a></p>
<p><a href = https://ineuron.ai > <img src = "ShriyanImage.jpg" width="300" height="250"> </a> <br> <strong> My Dear Son</strong> </a></p>
<p><a href = https://ineuron.ai > <img src = "ShriyanImage.jpg" width="300" height="250"> </a> <br> <strong> My Dear Son</strong> </a></p>
<p id = "third"><a href = https://ineuron.ai > <img src = "ShriyanImage.jpg" width="300" height="250"> <br> My Dear Son</a></p>
<p><a href = https://ineuron.ai > <img src = "ShriyanImage.jpg" width="300" height="250"> </a> <br> <strong> My Dear Son</strong> </a></p>
<p><a href = https://ineuron.ai > <img src = "ShriyanImage.jpg" width="300" height="250"> </a> <br> <strong> My Dear Son</strong> </a></p>
<p><a href = "helloworld.html" > My Webpage </a></p>
<p > <a href="#top" > Top of the page </a> </p>
<p > <a href = "#third"> Take me to the third picture </a></p>
</body>
</html
HTML ENTITIES
<!DOCTYPE html>
<html>
<head>
<title> My Practice weblink</title>
</head>
<body>
<!-- HTML Entities are used to display different symbols, the most used list can be found in below link -->
<p> <a href = "https://www.w3schools.com/html/html_entities.asp"> HTML Enties </a></p>
<!-- If you use the less than (<) or greater than (>) signs in your text, the browser might mix them with tags..
If we want to use the paragraph tag in source as special symbol this can be done as
< p > href = "https://google.com" >
-->
< p > href = "https://google.com" > 
</body>
</html>
Another Example
<!doctype html>
<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<p>The cost is:</p>
<ul>
<li>£9.99</li>
<li>¥9.99</li>
<li>€9.99</li>
</ul>
</body>
</html>
Comments
Post a Comment