HTML - පාඩම් මාලාව 01 - සාමාන්‍යපෙළ තොරතුරු හා සන්නිවේදන තාක්ෂණය

HTML - පාඩම් මාලාව 01



1. <HTML>
                <HEAD>
                <TITLE></TITLE></HEAD>
                <BODY>
                Hello
                </BODY>
</HTML>

ප්‍රතිදානය :
Hello නම් වූ වාක්‍ය ඛණ්ඩය වෙබ් පිටුවේ බඳ කොටසෙහි සාමාන්‍යයෙන් වම් පසට එකෙල්ලේ වී මුද්‍රණය වේ.

2. <HTML>
                <HEAD>
                <TITLE></TITLE></HEAD>
                <BODY>
                <H1 align =Right>Hello</H1>
                <H2 align = Left> Hello </H2>
                <H3 align = CENTER> Hello</H3>
                </BODY>
</HTML>

ප්‍රතිදානය :
විශාලතම අක්ෂර වලින් දකුණු පසට එකෙල්ලෙ වී Hello නම් වූ වාක්‍ය ඛණ්ඩය මුද්‍රණය වේ.තරමක් විශාල අක්ෂර වලින් වම් පසට එකෙල්ලෙ වී Hello නම් වූ වාක්‍ය ඛණ්ඩය මුද්‍රණය වේ. කුඩා අක්ෂර වලින් මැදට එකෙල්ලෙ වී Hello නම් වූ වාක්‍ය ඛණ්ඩය මුද්‍රණය වේ.

3. <HTML>
                <HEAD>
                <TITLE></TITLE>
                </HEAD>
                <BODY>
                <P>This is the first paragraph
                <P>This is the second paragraph
                </BODY>
</HTML>

ප්‍රතිදානය :
This is the first paragraph යන්න සහ This is the second paragraph යන ජේද හිස් පේළි සහිතව වෙබ් පිටුවෙහි දර්ශනය වේ.

4. <HTML>
<HEAD>
<TITLE> </TITLE></HEAD>
<BODY>
This is the first statement <BR> This is the second statement <BR> This is the third statement
</BODY>
</HTML>

ප්‍රතිදානය :
This is the first statement, This is the second statement, This is the third statement යන්න එකක් පහලට එකක් ලෙස හිස් පේළි රහිතව පෙන්නුම් කරයි.

5. <HTML>
                <HEAD>
                <TITLE> </TITLE>
                </HEAD>
                <BODY>
                <P>This is the first paragraph
                <BR><BR>This is the first statement <P> This is the second paragraph
                </BODY>
</HTML>

ප්‍රතිදානය :
This is the first paragraph ලෙස ජේදයක් වෙබ් පිටුවේ දර්ශනය වන අතර හිස් පේලි දෙකකින් පසුව This is the first statement ලෙස දර්ශණය වන අතර  This is the second paragraph ලෙස හිස් පේළියකින් පසුව වෙබ් පිටුවෙහි දර්ශනය වේ.

6. <HTML>
                <HEAD>
                <TITLE> Example 7 </TITLE>
                </HEAD>
                <BODY>
                <P align= \"LEFT\">This is the first paragraph
                <P align= \"RIGHT\">This is the second paragraph
                <P align= \"CENTER\" > This is the third paragraph
                </BODY>
</HTML>

ප්‍රතිදානය :
වම් පසට එකෙල්ලෙ වූ This is the first paragraph ජේදයක් හිස් පේළියක් සහිතව වෙබ් පිටුවේ දර්ශනය වන අතර  This is the second paragraph නමින් දකුණු පසට එකෙල්ලෙ වූ ජේදයක් හිස් පේලියක් සහිතව වෙබ් පිටුවේ දර්ශනය වන අතර  This is the third paragraph ලෙස මැදට එකෙල්ලේ වූ ජේදයක් වෙබ් පිටුවෙහි හිස් පේලියක් සහිතව දර්ශනය වේ.

7. <HTML>
                <HEAD>
                <TITLE> </TITLE></HEAD>
                <BODY>
                <HR COLOR=\"Red\" >
                </BODY>
</HTML>

ප්‍රතිදානය :
රතු වර්ණය සහිතව තිරස් රූලක් (Horizontal Rule) වෙබ් පිටුවෙහි බඳ කොටසෙහි දර්ශනය වේ.

8. <HTML>
                <HEAD>
                <TITLE> </TITLE>
                </HEAD>
                <BODY>
                <HR size= 4 width=80% COLOR=\"Blue\" align=\"Left\">
                </BODY>
</HTML>

ප්‍රතිදානය :
ගනකම පික්සල 4 ක් වූ වෙබ් අතිරික්සුවෙන් 80% ක් පමණ වූ නිල් පැහැති තිරස් රූලක් වම් පසට එකෙල්ලෙ වී වෙබ් පිටුවෙහි දර්ශනය වේ.

9. <HTML>
<HEAD><TITLE></TITLE>
</HEAD>
<BODY>
<HR WIDTH = 50>
<HR WIDTH = 50%>
</BODY>
</HTML>

ප්‍රතිදානය :
පික්සල 50 ක ප්‍රමාණය සහිතව ඉතාමත්ම කුඩා තිරස් රූලක් වෙබ් පිටුවෙහි මුද්‍රණය වන අතර වෙබ් අතිරික්සුවෙන් 50% ක ප්‍රමාණයේ තිරස් රූලක් වෙබ් පිටුවෙහි දිස් වේ.

10. <HTML>
<HEAD>
                <TITLE> </TITLE>
                </HEAD>
                <BODY>
                <HR ALIGN = \"CENTER\" Width=50%>
                <HR ALIGN = \"LEFT\" Width=50%>
                <HR ALIGN = \"RIGHT\" Width=50%>
</BODY>
</HTML>

ප්‍රතිදානය :
වෙබ් අතිරික්සුවෙන් 50% ක ප්‍රමාණයේ වූ තිරස් රූල් තුනක් පිළිවෙලින් මැදට, වමට සහ දකුණට එකෙල්ලේ වී වෙබ් පිටුවෙහි දක්නට ලැබේ.

 

තවත් කොටසක් බලාපොරොත්තු වන්න.