Lesson 05: Basic Webdesign: Part-05

Ladies and Gentlemen. how are you all? I hope you are well? I’m good for the grace of God.

Basic Webdesign: Part-05

Four episodes of a series of

html&css
How to learn Web design

Web Design Tutorials, we already have finished. We are in the last phase of the HTML discussed three issues. Getting these three things; HTML paragraphs, lists and images. Today I will discuss two important issues of HTML

Also Check: Lesson 4: Basic Webdesign Part-04

Being the subject of today’s discussion HTML links and HTML tables. We will discuss the link HTM first, then we will discuss HTML table. HTML tables can be a little difficult for beginners. Practice ii and it will the easier. Now we will discuss HTML link.

HTML link


In HTML link is very important. We want to give the website a link to use the HTML link. We see that in a lot of posts, click here to download the software in the same text. And usually, ‘Here is the text of a link. As a result, the “click it to open the new link. HTML link is through this process. Almost all types of content sites including menu HTML link is used. To use this link HTML Anchor tags are used, with the href attribute is used.
HTML links are being formed as <a href=”link”>

HTML link in a text editor such as Notepad to better understand the following code written in Pascal and save as index.html

<!DOCTYPE HTML>
 <html>
 <head>
 <title> HTML Link </title>
 </head>
 <body>
 <p>This is the 5th Part of Web Design Tutorial. If you want to read Part Four, Just <a href="http://codeexercise.com/lesson-4-basic-webdesign-part-04/">Click Here</a> </p>
 </body>
 </html>

Open the index.html file in a browser, you can see the following image

How to learn Web design
How to learn Web design

Click Here Now, if you click it, then you can see the third part of web design tutorials. For example, Click Here I’ve added links to third episode of HTML text. When the link http: // to use with.

HTML table


When we presented the data, we usually use table. In addition, the use of different types of data to represent the table. Similarly, we present data to any kind of website use HTML tables. HTML table a bit more complicated. For starters can be difficult to understand at first. The tutorial will be easier read carefully.

HTML tables to use the HTM <table> … </ table> tag is used. Let’s first look at an example, we’ll analyze. Just by entering the code below and save as index.html

<!DOCTYPE HTML>
<html>
<head>
 <title> HTML Table </title>
</head>
<body>
 <table border="1">
 <tr>
 <th> Serial No. </th>
 <th> Class </th>
 <th> Students </th>
 </tr>
 <td> 01 </td>
 <td> Class Six </td>
 <td> 90 </td>
 <tr></tr>
 <td> 02 </td>
 <td> Class Seven </td>
 <td> 90 </td>
 <tr> </tr>
 <td> 03 </td>
 <td> Class Eight </td>
 <td> 88 </td>
 <tr> </tr>
 <td> 04 </td>
 <td> Class Nine </td>
 <td> 87 </td>
 <tr> </tr>
 <td> 05 </td>
 <td> Class Ten </td>
 <td> 89 </td>
 <tr> </tr>
 </table>
</body>
</html>

Code of course, write your own hands. Open the index.html file in a browser, as you can see in the image below purchase

How to learn Web design
HTML Table Code Result

Code Analysis


1. We first <table> … </ table> tag used in the border. For example, we’ve set the table’s border. So we have the border 1. If you are using two border kodatuku run. Then it will become clear. If you are not using the border bardarabihina table will be displayed in the browser.

II. To set the table header <th> … </ th> was used.

3. Row row to set the table for the <tr> … </ tr> has been used.

4. In order to determine the table cell <td> … </ td> has been used.

We have to understand. If you have difficulty understanding any of the comments tell me. I’ll try to solve

Hope, you will be helped by this post. For more information, stay with us & give your opinions. For Contact Us  or  Email: [email protected].