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

How Generative AI Works

 Generative AI is one of the most exciting and transformative technologies today. From creating realistic images to generating human-like text and composing music, this field of artificial intelligence has made enormous strides in recent years. As AI evolves, generative models have become essential tools in various industries, offering new ways to create, innovate, and solve problems. In this blog post, we will explore how generative AI works, examining the key components, technologies, and models that enable it to generate content like text, images, and more. We’ll also dive into real-world applications, ethical considerations, and the future potential of this technology. What is Generative AI? At its core, generative AI refers to a category of artificial intelligence models that can generate new content. Unlike traditional AI models, which are designed to classify, predict, or recognize data, generative models can create something entirely new based on the patterns they learn fro...
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