- HTML stands for Hypertext Markup Language. It is one of the many languages of the computer.
- A HTML code would basically have this layout:
Coding for list:
Replace the " text " and with your own words and
- For a bullet listing, you may use this code:
<html><body><h4>Enter Your Title :</h4><ul type="disc"><li>text</li><li>text</li><li>text</li><li>text</li></ul></body></html>
- The code will look like this :
- For a number listing, you may use this code:
<html>
<body>
<h4>Enter Your Title :</h4>
<ol type "A">
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
</ol>
</body>
</html>
- The code will look like this image below :
- For a nested listing, you may use this code:
<html>This code will looks like this :
<body>
<h4>Enter Your Title :</h4>
<ul>
<li>text</li>
<li>text <ul>
<li>text</li>
<li>text</li>
</ul>
</li>
<li>text</li>
</body>
</html>
- To create a link , you can copy this image :
<html>
<body>
<p>
<a href="insert link here">insert text to display</a>
</p>
</body>
</html>
This is an example of link. |
Coding for table :
- For no cell padding, you may use this code:
<html>
<body>
<h4>Insert title for table:</h4>
<table border="1">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</body>
</html>
Example table :
First | Row |
Second | Row |
- For cell padding, you may use this code:
<html>
<body>
<h4>Insert title for table:</h4>
<table border="1"
cellpadding="10">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</body>
</html>
Example table :
First | Row |
Second | Row |
Coding for non-moving and moving picture :
<html>It will looks like this image below :
<body>
<p>
An image :
<img src="insert URL for image" alt="insert picture name here"width="32" height="32" />
</p>
</body>
</html>
Example of non-moving and moving picture |
To learn more about HTML coding, you can visit the w3schools website for more information. Good luck in trying ! :)
No comments:
Post a Comment