Monday 15 May 2023
2022 OL මාර්ගගත ප්ර්රශ්න පත්ර්ර්ර එකතුව
ණැන පියස
අ.පො.ස සාමාන්ය පෙළ විභාගයේ පසුගිය ප්රශ්න පත්රවල කෙටි ප්රශ්න- මාර්ගගත පුනරීක්ෂණ අභ්යාස මාලාව
Sunday 5 February 2023
Tuesday 28 January 2020
Making HTML Form- පෝරම නිර්මාණය
HTML <form> element defines a form that is used to
collect user input also Form elements are different types of input elements,
like text fields, checkboxes, radio buttons, submit buttons, and more.
Example Code
<html><body>
<h2>Application Form</h2>
<form action="/action_page.php">
First name:<br>
<input type="text" name="firstname" value="Enter Your First Name Here">
<br>
Last name:<br>
<input type="text" name="lastname" value="Enter Your Last Name Here">
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Thursday 17 October 2013
Creating Frameset with HTML
It is easy to define frameset using HTML and we can use it to create useful framesets on your website. Also we can use <frameset> tag to put some columns and rows in web pages with separate html documents. The <frame> tag use to put separate html documents on this page according to divided frames.
Frameset Rows and Cols
Frameset cols show the number and size of columns in a frameset and frameset rows specifies the number and size of rows in a frameset. The tag <frameset> specifies how many columns and rows there will be in the frameset, also how much percentage, pixels of space will occupy each of them.
There are two type of frameset in HTML.
Horizontal frameset
How to make a horizontal frameset with three different documents.
Vertical frameset
How to make a Vertical frameset with three different documents. Also with Mixed frameset it mentioned mix them in rows and columns.
While using the <frame> tag, it defines one particular window (frame) within a <frameset>. Also each <frame> in a <frameset> can have different attributes, such as scrolling,border , the ability to resize also.
Example for Horizontal frameset (Frameset Rows)
<html>
<frameset rows="25%,75%">
<frame src="Fsa.html">
<frame src="Fsb.html">
</frameset>
</html>
(Click on image to enlarge)
Frameset Rows and Cols
Frameset cols show the number and size of columns in a frameset and frameset rows specifies the number and size of rows in a frameset. The tag <frameset> specifies how many columns and rows there will be in the frameset, also how much percentage, pixels of space will occupy each of them.
There are two type of frameset in HTML.
Horizontal frameset
How to make a horizontal frameset with three different documents.
Vertical frameset
How to make a Vertical frameset with three different documents. Also with Mixed frameset it mentioned mix them in rows and columns.
While using the <frame> tag, it defines one particular window (frame) within a <frameset>. Also each <frame> in a <frameset> can have different attributes, such as scrolling,border , the ability to resize also.
Example for Horizontal frameset (Frameset Rows)
<html>
<frameset rows="25%,75%">
<frame src="Fsa.html">
<frame src="Fsb.html">
</frameset>
</html>
(Click on image to enlarge)
Example for Vertical frameset (Frameset Rows)
<html>
<frameset cols="25%,75%">
<frame src="Fsa.html">
<frame src="Fsb.html">
</frameset>
</html>
(Click on image to enlarge)
Saturday 14 September 2013
Different type of Unordered List
In the last lesson we discussed about different type of ordered list and here we are going to discuss about different type of unordered list.
The unordered list normally comes with <UL>/</UL> but have number of different type of symbols can use to make a list.
The unordered list normally comes with <UL>/</UL> but have number of different type of symbols can use to make a list.
Normally unordered list comes with bullets call small black circles.
Example:
Example:
<HTML>
<H1> Different type of Unordered List</H1>
<BODY>
<ul>
<li>Sri lanka</li>
<li>India</li>
<li>USA</li>
<li>UK</li>
</ul>
</body>
</html>
Here is the output of the lesson.(Click on image to enlarge)
Types of Unordered List
Example:-
<HTML>
<H1> Different types of Unordered List</H1>
<BODY>
<h3>Unordered List- Disc </h3>
<ul type="disc">
<li>Sri Lanka</li>
<li>India</li>
<li>USA</li>
<li>UK</li>
</ul>
<h3>Unordered List - Circle </h3>
<ul type="circle">
<li>Sri Lanka</li>
<li>India</li>
<li>USA</li>
<li>UK</li>
</ul>
<h3>Unordered List - Square </h3>
<ul type="square">
<li>Sri Lanka</li>
<li>India</li>
<li>USA</li>
<li>UK</li>
</ul>
</body>
</html>
Here is the output of the lesson.(Click on image to enlarge)
HTML Unordered Lists and Ordered Lists
Making list is very common when using HTML. Also the ordered list and unordered list are the main two method use to create list.
Ordered Lists
The Ordered Lists Start with tag of <OL> and need to close with </OL> tag. Generally ordered list start with number 1 but can define other three ordered list methods.
1, List Started with Number (1)
2, List Started with Roman Numbers (I)
3, List Started with Capital (A)
4, List Started with simple (a)
Anyware of your document you can add any kind of list mentioned here.
Example No 01
(Click on image to enlarge)
Ordered Lists
The Ordered Lists Start with tag of <OL> and need to close with </OL> tag. Generally ordered list start with number 1 but can define other three ordered list methods.
1, List Started with Number (1)
2, List Started with Roman Numbers (I)
3, List Started with Capital (A)
4, List Started with simple (a)
Anyware of your document you can add any kind of list mentioned here.
Example No 01
(Click on image to enlarge)
Ordered list Output
(Click on image to enlarge)
If you wish to put your list start with (A), (a), (I) like you need to mentioned the list type you need.
It comes with
<OL type=”A”> or
<OL type=”A”> and
<OL type=”A”> patterns. Here is some example.
Different Type of Ordered list Output
(Click on image to enlarge)
Friday 6 September 2013
Making Hyperlinks with Several HTML Documents and Outside Source
Providing facility to navigate between page by page of website call as link or hyperlink. It allow you to click on image, text or word and then guide to another page. Effective hyperlink system help users to get maximum usage of website also.
If you have an experience of web browsing it is easy to understand hyperlink. If there is a link on some text, word, image your cursor will change like little hand mark. That is a sign of navigate to another page or site.
In this picture you can see hand symbol when moving mouse over it or text, click and you will direct to related link.
How to Put Hyperlink Using HTML?
Tag:
How to Put Hyperlink Using HTML?
Tag:
<a href="http://insurance-helpz.blogspot.com/">Click Here</a>
<a href="index.html">Check Index</a>
The tag one described the method used to put a external link of World Wide Web. You need to put complete URL of website that need make a link with keyword also. Once you save your page, it will display as shown in the image.
(Click on image to enlarge)
Also you need to consider early mentioned Tutorial - 5 lesson regard to more concentration about links.
And here i attached another example for you.
(Click on image to enlarge view)
Output Document (Click on image to enlarge view)
Subscribe to:
Posts (Atom)
2022 OL මාර්ගගත ප්ර්රශ්න පත්ර්ර්ර එකතුව
ණැන පියස අ.පො.ස සාමාන්ය පෙළ විභාගයේ පසුගිය ප්රශ්න පත්රවල කෙටි ප්රශ්න- මාර්ගගත පුනරීක්ෂණ අභ්යාස මාලාව
-
In the last lesson we discussed about different type of ordered list and here we are going to discuss about different type of unordered list... -
Tutorial 03 When we use handwriting need to put some blank line within two paragraphs. Also when we use HTML need to put some line spaces... -
Making list is very common when using HTML. Also the ordered list and unordered list are the main two method use to create list. Ordered Li...
