HTML
- HTML: வலைப்பக்கங்களின் அடிப்படை
HTML (HyperText Markup Language) என்பது வலைப்பக்கங்களை உருவாக்குவதற்கான ஒரு தரப்படுத்தப்பட்ட குறியீட்டு மொழி. இது இணையத்தின் முதுகெலும்பாக கருதப்படுகிறது. வலைப்பக்கத்தின் உள்ளடக்கம், அமைப்பு மற்றும் எவ்வாறு அது திரையில் காட்டப்பட வேண்டும் என்பதை வரையறுக்க இது பயன்படுகிறது. ஒரு வலைப்பக்கத்தை உருவாக்குவதற்கு HTML ஒரு இன்றியமையாத கருவியாகும். இந்த கட்டுரை HTML-ன் அடிப்படைக் கூறுகள், கட்டமைப்பு, மற்றும் பயன்பாடுகளை விரிவாக விளக்குகிறது.
- HTML-ன் வரலாறு
HTML-ன் தோற்றம் 1990-களில் தொடங்கியது. டிம் பெர்னர்ஸ்-லீ என்பவர் CERN ஆய்வகத்தில் பணிபுரிந்த போது, தகவல்களைப் பகிர்வதற்கான ஒரு முறையை உருவாக்கினார். இதன் விளைவாக, HTML, HTTP மற்றும் URL போன்ற தொழில்நுட்பங்கள் உருவாகின. ஆரம்பத்தில், HTML ஒரு எளிய குறியீட்டு மொழியாக இருந்தது. ஆனால், காலப்போக்கில், வலை தொழில்நுட்பத்தின் வளர்ச்சிக்கு ஏற்ப HTML-லும் பல மாற்றங்கள் நிகழ்ந்துள்ளன. HTML4, XHTML, HTML5 என பல்வேறு பதிப்புகள் அறிமுகப்படுத்தப்பட்டுள்ளன. தற்போது, HTML5 பரவலாக பயன்படுத்தப்படுகிறது.
- HTML-ன் அடிப்படை கட்டமைப்பு
HTML ஆவணத்தின் அடிப்படை கட்டமைப்பு பின்வருமாறு:
```html <!DOCTYPE html> <html> <head> <title>பக்க தலைப்பு</title> </head> <body>
இது ஒரு தலைப்பு
இது ஒரு பத்தி.
</body> </html> ```
- `<!DOCTYPE html>`: இது HTML5 ஆவணம் என்பதை உலாவிகளுக்கு தெரிவிக்கிறது.
- `<html>`: இது HTML ஆவணத்தின் மூல உறுப்பு. அனைத்து HTML உள்ளடக்கமும் இந்த உறுப்புக்குள் இருக்கும்.
- `<head>`: இந்த உறுப்பு வலைப்பக்கத்தைப் பற்றிய தகவல்களைக் கொண்டுள்ளது. தலைப்பு (`<title>`), பாணித்தாள்கள் (`<style>`), ஸ்கிரிப்டுகள் (`<script>`) மற்றும் பிற மெட்டா தகவல்கள் இதில் அடங்கும்.
- `<title>`: இது வலைப்பக்கத்தின் தலைப்பை வரையறுக்கிறது. இது உலாவியின் தலைப்புப் பட்டியில் காட்டப்படும்.
- `<body>`: இந்த உறுப்பு வலைப்பக்கத்தின் தெரியும் உள்ளடக்கத்தைக் கொண்டுள்ளது. உரை, படங்கள், வீடியோக்கள் மற்றும் பிற கூறுகள் இதில் அடங்கும்.
- `
`: இது ஒரு பெரிய தலைப்பை வரையறுக்கிறது. `
`, `
` போன்ற பிற தலைப்பு குறிச்சொற்களும் உள்ளன.
- `
`: இது ஒரு பத்தியை வரையறுக்கிறது.
- HTML கூறுகள் (Elements)
HTML கூறுகள் என்பது வலைப்பக்கத்தின் கட்டமைப்பை உருவாக்கும் அடிப்படை கட்டுமான தொகுதிகள் ஆகும். ஒவ்வொரு HTML கூறும் தொடக்கக் குறிச்சொல் (start tag), உள்ளடக்கம் மற்றும் முடிவுக் குறிச்சொல் (end tag) ஆகியவற்றைக் கொண்டிருக்கும்.
எடுத்துக்காட்டு:
```html
இது ஒரு பத்தி.
```
இங்கு `
` என்பது தொடக்கக் குறிச்சொல், "இது ஒரு பத்தி." என்பது உள்ளடக்கம், மற்றும் `
` என்பது முடிவுக் குறிச்சொல்.
சில முக்கியமான HTML கூறுகள்:
- `<a>`: இணைப்பு (Link) உருவாக்க பயன்படுகிறது. ஹைப்பர்லிங்க்
- `<img>`: படத்தை (Image) காண்பிக்க பயன்படுகிறது. படங்கள்
- `
- `: வரிசைப்படுத்தப்படாத பட்டியல் (Unordered List) உருவாக்க பயன்படுகிறது. பட்டியல்கள்
- `
- `: வரிசைப்படுத்தப்பட்ட பட்டியல் (Ordered List) உருவாக்க பயன்படுகிறது. பட்டியல்கள்
- `
- `: பட்டியல் உருப்படி (List Item) உருவாக்க பயன்படுகிறது. பட்டியல்கள்
- ``: ஒரு பிரிவை (Division) உருவாக்க பயன்படுகிறது. பிரிவுகள்
- ``: உரைப்பகுதியை (Span) உருவாக்க பயன்படுகிறது. உரை
- ``: அட்டவணை (Table) உருவாக்க பயன்படுகிறது. அட்டவணைகள்
- ` `: அட்டவணை வரிசை (Table Row) உருவாக்க பயன்படுகிறது. அட்டவணைகள்
- `
- `<form>`: படிவம் (Form) உருவாக்க பயன்படுகிறது. படிவங்கள்
- `<input>`: உள்ளீட்டு புலம் (Input Field) உருவாக்க பயன்படுகிறது. படிவங்கள்
- `<button>`: பொத்தான் (Button) உருவாக்க பயன்படுகிறது. பொத்தான்கள்
- `<header>`: தலைப்புப் பகுதி (Header) உருவாக்க பயன்படுகிறது. தலைப்பு
- `<nav>`: வழிசெலுத்தல் பட்டி (Navigation Bar) உருவாக்க பயன்படுகிறது. வழிசெலுத்தல்
- `<footer>`: அடிக்குறிப்பு (Footer) உருவாக்க பயன்படுகிறது. அடிக்குறிப்பு
- HTML பண்புக்கூறுகள் (Attributes)
- `src`: படத்தின் மூலத்தை (Source) வரையறுக்கிறது.
- `alt`: படத்தின் மாற்று உரையை (Alternative Text) வரையறுக்கிறது.
- `href`: இணைப்பின் இலக்கு URL-ஐ வரையறுக்கிறது.
- `class`: CSS பாணிகளைப் பயன்படுத்த ஒரு கூறிற்கு வகுப்பை (Class) வரையறுக்கிறது. CSS
- `id`: ஒரு கூறிற்கு தனித்துவமான அடையாளத்தை (ID) வரையறுக்கிறது. CSS
- `style`: CSS பாணிகளை நேரடியாகக் கூறில் வரையறுக்கிறது. CSS
- `title`: ஒரு கூறிற்கு கருவி உதவி உரையை (Tooltip Text) வரையறுக்கிறது.
- HTML5-ன் புதிய அம்சங்கள்
- `<article>`, `<aside>`, `<nav>`, `<section>`, `<header>`, `<footer>` போன்ற புதிய சொற்பொருள் கூறுகள் (Semantic Elements) அறிமுகப்படுத்தப்பட்டுள்ளன. இவை வலைப்பக்கத்தின் கட்டமைப்பை தெளிவாக வரையறுக்க உதவுகின்றன.
- `<canvas>`, `<video>`, `<audio>` போன்ற புதிய கூறுகள் மல்டிமீடியா உள்ளடக்கத்தை எளிதாகக் கையாள உதவுகின்றன.
- HTML5-ல் உள்ளூர் சேமிப்பகம் (Local Storage) மற்றும் அமர்வு சேமிப்பகம் (Session Storage) போன்ற புதிய சேமிப்பக தொழில்நுட்பங்கள் அறிமுகப்படுத்தப்பட்டுள்ளன.
- WebSocket போன்ற நிகழ்நேர தொடர்பு (Real-time Communication) தொழில்நுட்பங்கள் HTML5-ல் ஆதரிக்கப்படுகின்றன.
- HTML மற்றும் பிற வலை தொழில்நுட்பங்கள்
- **CSS (Cascading Style Sheets)**: வலைப்பக்கத்தின் தோற்றத்தை (நிறம், எழுத்துரு, இடைவெளி போன்றவை) வரையறுக்க CSS பயன்படுகிறது. CSS
- **JavaScript**: வலைப்பக்கத்திற்கு ஊடாடும் செயல்பாடுகளை (Interactive Functionality) சேர்க்க JavaScript பயன்படுகிறது. JavaScript
- **PHP, Python, Ruby**: இவை போன்ற சர்வர் பக்க நிரலாக்க மொழிகள் (Server-side Programming Languages) வலைப்பக்கத்தின் உள்ளடக்கத்தை மாறும் வகையில் உருவாக்க பயன்படுகின்றன. PHP , Python, Ruby
- **SQL (Structured Query Language)**: தரவுத்தளங்களில் (Databases) இருந்து தகவல்களைப் பெற SQL பயன்படுகிறது. SQL
- HTML-ன் பயன்பாடுகள்
- வலைத்தளங்களை உருவாக்குதல் (Website Development)
- வலை பயன்பாடுகளை உருவாக்குதல் (Web Application Development)
- மின்னஞ்சல் டெம்ப்ளேட்களை உருவாக்குதல் (Email Template Development)
- ஆன்லைன் படிவங்களை உருவாக்குதல் (Online Form Development)
- டிஜிட்டல் ஆவணங்களை உருவாக்குதல் (Digital Document Development)
- HTML கற்றலுக்கான வளங்கள்
- **W3Schools**: HTML பற்றிய விரிவான பயிற்சி மற்றும் எடுத்துக்காட்டுகளை வழங்குகிறது. W3Schools
- **Mozilla Developer Network (MDN)**: HTML மற்றும் பிற வலை தொழில்நுட்பங்கள் பற்றிய ஆழமான தகவல்களை வழங்குகிறது. MDN
- **Codecademy**: ஊடாடும் HTML பயிற்சிகளை வழங்குகிறது. Codecademy
- **freeCodeCamp**: இணைய மேம்பாடு பற்றிய இலவச பயிற்சிகளை வழங்குகிறது. freeCodeCamp
- **Khan Academy**: கணினி நிரலாக்கம் பற்றிய இலவச பயிற்சிகளை வழங்குகிறது. Khan Academy
- வணிக அளவு பகுப்பாய்வு
- சராசரி சம்பளம்*: இந்தியாவில் ஒரு HTML டெவலப்பரின் சராசரி சம்பளம் ஆண்டுக்கு ₹3,00,000 முதல் ₹8,00,000 வரை இருக்கலாம். இது அனுபவம், திறன்கள் மற்றும் நிறுவனத்தைப் பொறுத்து மாறுபடலாம்.
- வேலை வாய்ப்புகள்*: HTML டெவலப்பர்களுக்கான வேலை வாய்ப்புகள் தொடர்ந்து அதிகரித்து வருகின்றன. குறிப்பாக, சிறிய மற்றும் நடுத்தர அளவிலான நிறுவனங்களில் (Small and Medium Enterprises - SMEs) அதிக வேலை வாய்ப்புகள் உள்ளன.
- தொழில் வளர்ச்சி*: HTML திறன்களை மேம்படுத்துவதன் மூலம், நீங்கள் முழு-stack டெவலப்பர் (Full-stack Developer) அல்லது முன்னணி-end டெவலப்பர் (Front-end Developer) போன்ற உயர் பதவிகளை அடையலாம்.
- முடிவுரை
- HTML என்பது வலைப்பக்கங்களை உருவாக்குவதற்கான அடிப்படை தொழில்நுட்பமாகும்.
`: அட்டவணை தரவு (Table Data) உருவாக்க பயன்படுகிறது. அட்டவணைகள் HTML பண்புக்கூறுகள் கூறுகளுக்கு கூடுதல் தகவல்களை வழங்குகின்றன. அவை கூறின் நடத்தையை மாற்றியமைக்க அல்லது அதன் தோற்றத்தை தனிப்பயனாக்க பயன்படுகின்றன. பண்புக்கூறுகள் எப்போதும் தொடக்கக் குறிச்சொல்லில் குறிப்பிடப்படுகின்றன.
எடுத்துக்காட்டு:
```html <a href="https://www.example.com">எடுத்துக்காட்டு இணைப்பு</a> ```
இங்கு `href` என்பது ஒரு பண்புக்கூறு. இது இணைப்பின் இலக்கு URL-ஐ வரையறுக்கிறது.
சில பொதுவான HTML பண்புக்கூறுகள்:
HTML5 முந்தைய பதிப்புகளை விட பல புதிய அம்சங்களைக் கொண்டுள்ளது. அவற்றில் சில முக்கியமானவை:
HTML வலைப்பக்கங்களின் கட்டமைப்பை உருவாக்குகிறது. ஆனால், வலைப்பக்கத்தின் தோற்றத்தையும், நடத்தையையும் கட்டுப்படுத்த பிற வலை தொழில்நுட்பங்களும் தேவைப்படுகின்றன.
HTML பலவிதமான பயன்பாடுகளைக் கொண்டுள்ளது. அவற்றில் சில:
HTML கற்றுக்கொள்வதற்கு பல ஆன்லைன் வளங்கள் உள்ளன. அவற்றில் சில:
HTML கற்றல் என்பது வலை மேம்பாட்டுத் துறையில் ஒரு நுழைவுப் புள்ளியாகும். ஒரு வலை உருவாக்குநர் (Web Developer) அல்லது வலை வடிவமைப்பாளர் (Web Designer) ஆக தொழில் வாய்ப்புகளைப் பெற இது உதவுகிறது. வலை மேம்பாட்டுத் துறையில் அதிக தேவை இருப்பதால், HTML திறன்கள் கொண்டவர்களுக்கு நல்ல சம்பளம் மற்றும் வேலை வாய்ப்புகள் உள்ளன.
HTML என்பது வலைப்பக்கங்களை உருவாக்குவதற்கான ஒரு சக்திவாய்ந்த மற்றும் இன்றியமையாத கருவியாகும். அதன் அடிப்படைக் கூறுகள், கட்டமைப்பு மற்றும் பயன்பாடுகளைப் புரிந்துகொள்வது வலை மேம்பாட்டுத் துறையில் வெற்றிபெற உதவும். HTML-ஐ கற்றுக்கொள்வதன் மூலம், நீங்கள் உங்கள் சொந்த வலைத்தளங்களை உருவாக்கலாம், வலை பயன்பாடுகளை உருவாக்கலாம், மேலும் இணையத்தில் உங்கள் இருப்பை வலுப்படுத்தலாம். (Category:Web technologies)
ஏனெனில்:
ஹைப்பர்லிங்க் படங்கள் பட்டியல்கள் பிரிவுகள் உரை அட்டவணைகள் படிவங்கள் பொத்தான்கள் தலைப்பு வழிசெலுத்தல் அடிக்குறிப்பு CSS JavaScript PHP Python Ruby SQL W3Schools MDN Codecademy freeCodeCamp Khan Academy
பரிந்துரைக்கப்பட்ட எதிர்கால சந்தை பதிவு தளங்கள்
தளம் எதிர்கால செயல்பாடுகள் பதிவு Binance Futures 125x வரை மூலதனம், USDⓈ-M ஒப்பந்தங்கள் இங்கு பதிவு செய்யவும் Bybit Futures நிரந்தர தலைகீழ் ஒப்பந்தங்கள் வணிகத்தை தொடங்கு BingX Futures நகல் வணிகம் BingX இல் சேர் Bitget Futures USDT உறுதியான ஒப்பந்தங்கள் கணக்கை திற BitMEX கிரிப்டோ சந்தை, 100x வரை மூலதனம் BitMEX நமது சமூகத்தில் சேர்க்கை
@strategybin என்ற Telegram சேனலுக்கு குழுசேர்க்கை செய்து மேலும் தகவல்களைப் பெறுங்கள். சிறந்த இலாப தளங்கள் – இங்கு பதிவு செய்யவும்.
நமது சமூகத்தில் பங்கேற்கவும்
@cryptofuturestrading என்ற Telegram சேனலுக்கு குழுசேர்க்கை செய்து பகுப்பாய்வு, இலவச சமிக்ஞைகள் மற்றும் மேலும் தகவல்களைப் பெறுங்கள்!
- `