Skip to main content

HTML

                

HTML HTML HTML HTML HTML 




                   

HyperText Markup Language කියන වචනෙ කෙටිවෙලා තමයි මේ HTML කියන වචනය නිර්මාණය වෙලා තිබෙන්නෙ.මේය ලොකේ ඇති ඕනම World Wide Web වල පදනම වෙයි. සාමාන්‍යෙන් web development කරන අයෙක් අනිවාර්‍යෙන් දැනගතයුතු වන HTML ගැන මේ බ්ලොග් එකෙන් අපි කතා කරමු. .


                                HTML හි මූලාරම්භය....


HTML ප්‍රථම වරට හදුන්වා දෙනු ලැබුවේ 1991 දී ශ්‍රීමත් ටිම් බර්නර්ස්-ලී විසින්. එය මුලින්ම CERN (European Organization for Nuclear Research)හි පර්යේෂකයන් අතර ලේඛන බෙදාගැනීමේ මාධ්‍යයක් ලෙස නිර්මාණය කරන ලදී. HTML මේ වන විට වසර ගනනාවක් පුරා බොහෝ සංශෝධන සහ යාවත්කාලීන කිරීම් වලට භාජනය වී ඇති අතර, HTML5 එහි නවතම අනුවාදය වේ.




                         HTML හි ව්‍යුහය අවබෝධ කර ගැනීම


HTML යනු අන්තර්ගතය සැකසීමට භාවිතා කරන සලකුණු භාෂාවකි.  HTML විසින් දර්ශනය කරන ලේඛන ප්‍රදර්ශනය කරන්නේ කෙසේද යන්න පිළිබඳව වෙබ් බ්‍රව්සර්වලට උපදෙස් දීම මේ ටැග් මගින් සිදුකරයි. HTML ලේඛනවලට ධූරාවලි ව්‍යුහයක් ඇත, ප්‍රධාන සංරචක කිහිපයක් ඇත:

<DOCTYPE html>:

මෙය html හි ටැග් එකක් ලෙස නොසලකනු ලබයි.මෙය භාවිතයෙන් වෙබ් බ්‍රව්සර් එකට වෙබ් පේජය දර්ශනය කිරීමට උපකාරි වේ.තවද අපි භාවිතා කරන HTML වර්ශන් එක ලබා දීම සිදු කරයි.

<html> Element:

මෙය html හි ප්‍රදාන සං‍රචකය වේ.අනෙකුත් සියලූම සං‍රචක මෙය තුල දැක්වීම සිදුකල යුතු වේ.


<head> Element

මෙම සං‍රචකය මගින් වෙබ් පේජයේ විස්තර ඇතුලත් කර තබා ගනී.උදාහරන ලෙස මාතෘකාව,styles and scripts,සහ වෙබ් පේජය තුල අපට තනිව දැක ගැනීමට අවශය නොවන කරුණූ රදවා තබා ගැනීමට භාවිතා කරයි.

<title> Element:

<head> ELEMENT එක යටතට ගැනෙන මෙය මගින් වෙබ් පේජයේ නම දර්ශනය කිරීමට යොදාගනී.මෙය වෙබ් බ්‍රව්සරයේ title bar හෝ tab හී දර්ශනය වේ. 

<meta> Element:

මෙය මගින් වෙබ් පේජය පිලිබද අමතර තොරතුරු ලබා දීමක් සිදුකරයි.භාවිතා කරන ලද අක්ෂර කේතනය, කර්තෘ පිළිබඳ විස්තර සහ අන්තර්ගතයට අදාළ මූල පද වැනි දෑ පෙන්නුම් කිරීම සිදුකරයි.

<body> Element:

<body> Element වෙබ් පිටුවේ ප්‍රධාන කොටස සේ ක්‍රියා කරයි. අක්ෂර, පින්තූර, ලින්ක්, සහ ඔබට වෙබ් පිටුවෙහි සොයා ගත හැකි වෙනත් දේවල් වැනි ඔබට දැකිය හැකි සියලුම දේවල් එහි ගැබ් කිරීමට හැක.

<Heading> Elements:

<h1> සිට <h6> දක්වා නියෝජනය කරන heading elements , විවිධ වැදගත්කම් සහිත ලේබල් වැනිය. <h1> වඩාත්ම වැදගත් වන අතර <h6> අඩුම වැදගත් වේ. ඔවුන් අන්තර්ගතය සංවිධානය කිරීමට සහ පිටුවෙහි එහි වැදගත්කම පෙන්වීමට උපකාර කරයි.

<p> Element:

<p> Element පෙළ ඡේද සෑදීම සඳහා මෙවලමක් වැනිය. එය වෙබ් පිටුවක ලිඛිත අන්තර්ගතයන් සැකසීමේ සහ ඉදිරිපත් කිරීමේ අත්‍යවශ්‍ය කොටසකි.

<a> Element:

<a> Element: සම්බන්ධය සාදන්නෙකු වැනිය (link-maker). ඔබට වෙනත් වෙබ් පිටු හෝ අන්තර්ජාලයේ ඇති දේවල් වෙත සබැඳි සෑදීමට එය භාවිතා කළ හැක. "href" attribute භාවිතයෙන් ඔබ යා යුත්තේ කොතැනටද යන්න කියාපායි.



<img> Element:

<img> Element පින්තූර ඇතුළු කරන්නෙකු වැනිය. මෙය ඔබ විසින් වෙබ් පිටුවකට පින්තූර එකතු කරන ආකාරයයි. ඔබට එය "src" attribute භාවිතයෙන් ඔබට භාවිතා කිරීමට අවශ්‍ය image file  වෙත යොමු කිරීමට අවශ්‍ය වේ

<ul> and <ol> Elements:

<ul> සහ <ol> elements ඔබට ලැයිස්තු (list) සෑදීමට උදවු කරයි. <ul> බුලට් පොයින්ට්(bullet points) සමඟ ලැයිස්තු(bullet points) සාදයි, සහ <ol> මගින් අංක හෝ වෙනත් සලකුණු සහිත ලැයිස්තු සෑදීම සිදුකරයි.


<li> Element:

<li> මූලද්‍රව්‍යය ලැයිස්තුවක ඇති අයිතමයක් වැනිය. එය බුලට්-පොයින්ට් ලැයිස්තු සඳහා(for bullet-point lists) <ul> ඇතුළත සහ ලැයිස්තුවේ ඇති එක් එක් දේ සඳහන් කිරීමට අංකිත ලැයිස්තු(for numbered lists) සඳහා <ol> ඇතුළත භාවිතා වේ.



මේවා HTML හි මූලික කොටස් කිහිපයක් පමණි. වගු, ආකෘති, බහුමාධ්‍ය සහ තවත් බොහෝ කාර්යයන් සඳහා HTML හි තවත් බොහෝ elements ඇත. මෙම elements එකට එකතු කිරීමෙන් ඔබට සංකීර්ණ සහ සංවිධානාත්මක වෙබ් පිටු සෑදිය හැක. වෙබ් අන්තර්ගතයන් ඵලදායී බවට පත් කිරීම සඳහා, එක් එක් අංගයන් කරන්නේ කුමක්ද සහ ඒවා භාවිතා කරන්නේ කෙසේද යන්න දැන ගැනීම වැදගත් වේ.....



HTML මුලදී සංකීර්ණ බවක් පෙනෙන්නට ඇත, නමුත් එය ඇත්ත වශයෙන්ම වෙබ් සංවර්ධනය සඳහා උනන්දුවක් දක්වන අයට සාපේක්ෂව සරල සහ තීරණාත්මක භාෂාවකි. ඔබ එහි මූලික ව්‍යුහය සහ වැදගත් අංගයන් ග්‍රහණය කර ගත් පසු, ඔබ ඔබේ වෙබ් පිටු සහ වෙබ් අඩවි සැකසීම සඳහා යොදාගත හැක.



Comments

Post a Comment

Popular posts from this blog

cloud computing(sinhala)

                      cloud computing  cloud යනු කුමක්ද යන්න  තවදුරටත් රහසක් නොවේ. එය ඩිජිටල් පරිවර්තනයේ සහ නවීන තාක්‍ෂණයේ සෑම අංශයකම බහුලව භාවිතා වන යෙදුමක් වන අතර clouds එදිනෙදා ජීවිතයේ කොටසක් වනු ඇතැයි අපි පිළිගෙන ඇත්තෙමු .cloud shift යන්න තවමත් සම්පූර්ණයෙන් වටහාගෙන නැතත්. නමුත් cloud infrastructure (වලාකුළු යටිතල ව්‍යුහය) සහ එය අපට ලබා දෙන දේ තේරුම් නොගැනීමෙන් අදහස් වන්නේ අපි මෙම අත්‍යවශ්‍ය තාක්‍ෂණය සුළුවෙන් ලබාගන්නා වගයි. cloud  හොඳින් භාවිතා කිරීම සඳහා  cloud computing පිළිබඳ  හොඳ අවබෝධයක් අවශ්‍ය වේ. cloud computing යනු කුමක්ද ? සහ එය ක්‍රියා කරන්නේ කෙසේද? මීට වසර කිහිපයකට පෙර, cloud පිළිබඳ මූලික සංකල්පය එය "වෙනත් කෙනෙකුගේ පරිගණකය"  (“someone else’s computer,”) අදහස් කිරීම මගින් උපහාසයට ලක් කරන ලදී, එය තොරතුරු තාක්ෂණ වෘත්තිකයන් කිහිප දෙනෙකුගේ කෝපි මග් අලංකාර කරන කියමනකි.Oracle CTO  ලැරී එලිසන් ඒ හා සමානව අර්ත දැක්වූ  අතර, "අපි දැනටමත් කරන සෑම දෙයක්ම ඇතුළත් කිරීම සඳහා අපි cloud compu...
Post a Comment
Read more

Tensorflow

  When comparing various deep learning frameworks, it’s evident that TensorFlow stands out as the preferred choice among academics, businesses, and developers. GitHub activity for different ML frameworks( Source ) What is TensorFlow? TensorFlow is an open-source software library designed for machine learning and artificial intelligence. While it supports a variety of tasks, it is particularly well-suited for training and inference of deep neural networks. Alongside PyTorch, TensorFlow is one of the two most widely used deep learning libraries. Developed by Google Brain for internal research and production, the first version was released under the Apache License 2.0 in 2015. Google later introduced TensorFlow 2.0 in September 2019. TensorFlow supports multiple programming languages, including Python, JavaScript, C++, and Java, making it versatile for various applications across different industries. EXPLAIN TENSORFLOW What is a Tensor? A tensor is an n-dimensional vector or mat...
Post a Comment
Read more

Understanding the K-Nearest Neighbors Algorithm (A Beginner's Guide part 7)

Understanding the K-Nearest Neighbors Algorithm (A Beginner's Guide) Machine learning algorithms can seem complex, but breaking them down into simpler terms can make them more approachable. One such algorithm is the K-Nearest Neighbors (K-NN) algorithm, which is popular for its simplicity and effectiveness. In this blog, we'll explore what K-NN is, how it works, and some practical applications. What is K-Nearest Neighbors? K-Nearest Neighbors (K-NN) is a supervised learning algorithm used for classification and regression tasks. In simple terms, K-NN classifies data points based on the 'votes' of their nearest neighbors. It doesn't make any assumptions about the underlying data distribution, making it a non-parametric algorithm. How Does K-NN Work? The K-Nearest Neighbors algorithm operates based on the idea that data points that are close to each other tend to have similar properties or belong to the same class. Here’s a detailed step-by-step process of how K-NN wo...
Post a Comment
Read more