HTML

From binaryoption
Jump to navigation Jump to search
Баннер1
    1. HTML

HTML (HyperText Markup Language) என்பது இணையப் பக்கங்களை உருவாக்குவதற்கான தரப்படுத்தப்பட்ட மார்க்அப் மொழி ஆகும். இணையத்தில் நீங்கள் பார்க்கும் ஒவ்வொரு பக்கமும் HTML மொழியில் எழுதப்பட்டிருக்கும். HTML, உரை, படங்கள், வீடியோக்கள் போன்ற பல்வேறு உள்ளடக்கங்களை கட்டமைத்து, அவற்றை உலாவிகளில் (Browsers) காண்பிக்க உதவுகிறது. பைனரி ஆப்ஷன் பரிவர்த்தனையில் உள்ள நுணுக்கங்களைப் புரிந்துகொள்வது போல, HTML-இன் அடிப்படைகளைத் தெளிவாகப் புரிந்துகொள்வது அவசியம்.

HTML-இன் வரலாறு

HTML-இன் ஆரம்ப வடிவங்கள் 1990-களில் டிம் பெர்னர்ஸ்-லீ என்பவரால் உருவாக்கப்பட்டது. இதன் முக்கிய நோக்கம், CERN என்ற ஆராய்ச்சி நிறுவனத்தில் தகவல்களைப் பகிர்வதை எளிதாக்குவதாகும். ஆரம்பத்தில் இது எளிய மார்க்அப் மொழியாக இருந்தது, ஆனால் காலப்போக்கில் இணையத்தின் வளர்ச்சிக்கு ஏற்ப HTML-லும் பல மாற்றங்கள் நிகழ்ந்தன. HTML4, XHTML, HTML5 எனப் பல பதிப்புகள் வெளிவந்துள்ளன. தற்போது HTML5 மிகவும் பரவலாகப் பயன்படுத்தப்படுகிறது.

HTML-இன் அடிப்படை கட்டமைப்பு

HTML ஆவணத்தின் அடிப்படை கட்டமைப்பு பின்வருமாறு இருக்கும்:

```html <!DOCTYPE html> <html> <head> <title>பக்கத்தின் தலைப்பு</title> </head> <body>

இது ஒரு தலைப்பு

இது ஒரு பத்தி.

</body> </html> ```

  • <!DOCTYPE html> : இது HTML5 ஆவணம் என்பதை உலாவியில் குறிப்பிடுகிறது.
  • <html> : இது HTML ஆவணத்தின் மூல உறுப்பு (root element) ஆகும்.
  • <head> : இந்த பகுதியில், பக்கத்தின் தலைப்பு (<title>), பாணித்தாள்கள் (stylesheets), ஸ்கிரிப்டுகள் மற்றும் பிற மெட்டா தகவல்கள் இருக்கும். இவை பொதுவாக பக்கத்தில் நேரடியாகக் காட்டப்படாது.
  • <title> : இது உலாவியின் தலைப்புப் பட்டியில் (title bar) காண்பிக்கப்படும் பக்கத்தின் தலைப்பு.
  • <body> : இந்த பகுதியில் பக்கத்தின் உள்ளடக்கம் (text, images, videos) இருக்கும். இது உலாவியில் காண்பிக்கப்படும்.

  •  : இது பெரிய தலைப்பு. HTML-இல் h1 முதல் h6 வரையிலான தலைப்புகள் உள்ளன.

  •  : இது ஒரு பத்தி.

HTML கூறுகள் (Elements)

HTML கூறுகள் என்பது HTML ஆவணத்தின் அடிப்படை கட்டுமான தொகுதிகள் ஆகும். ஒவ்வொரு கூறும் தொடக்கக் குறிச்சொல் (start tag), உள்ளடக்கம் மற்றும் முடிவுக் குறிச்சொல் (end tag) ஆகியவற்றைக் கொண்டிருக்கும்.

உதாரணமாக:

```html

இது ஒரு பத்தி.

```

இங்கு, `

` என்பது தொடக்கக் குறிச்சொல், `

` என்பது முடிவுக் குறிச்சொல், "இது ஒரு பத்தி." என்பது உள்ளடக்கம்.

சில முக்கியமான HTML கூறுகள்:

  • தலைப்புகள் (Headings) : `

    ` முதல் `
    ` வரை.

  • பத்திகள் (Paragraphs) : `

    `.

  • இணைப்புகள் (Links) : `<a>` - இணைப்புகள் எவ்வாறு உருவாக்குவது என்பதைப் பார்க்கவும்.
  • படங்கள் (Images) : `<img>` - படங்களைச் சேர்ப்பது குறித்த கூடுதல் தகவல்களுக்கு.
  • வரிசைப்படுத்தப்பட்ட பட்டியல் (Ordered List) : `
      ` - வரிசைப்படுத்தப்பட்ட பட்டியல்கள் பற்றி அறிய.
    1. வரிசைப்படுத்தப்படாத பட்டியல் (Unordered List) : `
        ` - வரிசைப்படுத்தப்படாத பட்டியல்கள் பற்றி மேலும் படிக்கவும்.
      • அட்டவணைகள் (Tables) : `` - அட்டவணைகள் உருவாக்குவது எப்படி என்று தெரிந்து கொள்ள.
      • படிவங்கள் (Forms) : `<form>` - படிவங்கள் மற்றும் அவற்றின் பயன்பாடுகள் பற்றி.
      • பிரிவுகள் (Divisions) : `
        ` - பிரிவுகள் எவ்வாறு பக்கத்தை வடிவமைக்க உதவுகின்றன?
      • பரவல்கள் (Spans) : `` - பரவல்கள் மற்றும் அவற்றின் பயன்பாடு.

        • HTML பண்புக்கூறுகள் (Attributes)

        HTML பண்புக்கூறுகள், HTML கூறுகளுக்கு கூடுதல் தகவல்களை வழங்குகின்றன. அவை தொடக்கக் குறிச்சொல்லுக்குள் (start tag) குறிப்பிடப்படுகின்றன.

        உதாரணமாக:

        ```html <a href="https://www.example.com">எடுத்துக்காட்டு இணையதளம்</a> ```

        இங்கு, `href` என்பது பண்புக்கூறு, `"https://www.example.com"` என்பது அதன் மதிப்பு. இது இணைப்பு எங்கு செல்ல வேண்டும் என்பதைக் குறிப்பிடுகிறது.

        சில முக்கியமான HTML பண்புக்கூறுகள்:

        • `href` : இணைப்பின் இலக்கு URL.
        • `src` : படத்தின் URL.
        • `alt` : படம் கிடைக்கவில்லை என்றால் காண்பிக்கப்படும் மாற்று உரை.
        • `width` : உறுப்பின் அகலம்.
        • `height` : உறுப்பின் உயரம்.
        • `class` : CSS பாணிகளைப் பயன்படுத்த உதவும் வகுப்பு பெயர்.
        • `id` : தனித்துவமான அடையாளங்காட்டி.
        • `style` : Inline CSS பாணிகள்.
        • `title` : உறுப்பு மீது சுட்டியை வைக்கும்போது காண்பிக்கப்படும் உரை.

        HTML5-இன் புதிய கூறுகள்

        HTML5 புதிய கூறுகளை அறிமுகப்படுத்தியுள்ளது, அவை இணையப் பக்கங்களின் கட்டமைப்பை மேம்படுத்த உதவுகின்றன.

        சில முக்கியமான HTML5 கூறுகள்:

        • `<header>` : பக்கத்தின் தலைப்புப் பகுதி.
        • `<nav>` : வழிசெலுத்தல் இணைப்புக்களைக் கொண்ட பகுதி.
        • `<article>` : சுயாதீனமான உள்ளடக்கம் (எ.கா: ஒரு வலைப்பதிவு இடுகை).
        • `<aside>` : பக்க உள்ளடக்கத்துடன் தொடர்புடைய கூடுதல் தகவல்.
        • `<footer>` : பக்கத்தின் அடிக்குறிப்பு பகுதி.
        • `<section>` : பக்கத்தின் ஒரு பகுதியைக் குறிக்கப் பயன்படுகிறது.
        • `<canvas>` : வரைபடங்களை உருவாக்கப் பயன்படுகிறது.
        • `<video>` : வீடியோக்களை உட்பொதிக்கப் பயன்படுகிறது.
        • `<audio>` : ஆடியோக்களை உட்பொதிக்கப் பயன்படுகிறது.

        HTML மற்றும் CSS

        HTML என்பது பக்கத்தின் கட்டமைப்பை உருவாக்குகிறது, அதே நேரத்தில் CSS (Cascading Style Sheets) பக்கத்தின் தோற்றத்தை வடிவமைக்கிறது. CSS, HTML கூறுகளுக்கு பாணிகளை (colors, fonts, layout) சேர்க்கப் பயன்படுகிறது. HTML மற்றும் CSS இணைந்து இணையப் பக்கங்களை அழகாகவும், பயனர் நட்புடனும் உருவாக்க உதவுகின்றன. CSS அடிப்படைகள் பற்றி மேலும் அறிய.

        HTML மற்றும் JavaScript

        HTML மற்றும் CSS பக்கத்தை உருவாக்குகின்றன, ஆனால் JavaScript பக்கத்திற்கு இயக்கத்தை (interactivity) சேர்க்கிறது. JavaScript, பயனர் தொடர்புகளுக்கு பதிலளிக்கவும், உள்ளடக்கத்தை மாறும் வகையில் மாற்றவும், பிற செயல்பாடுகளைச் செய்யவும் பயன்படுகிறது. JavaScript அறிமுகம் பற்றி தெரிந்து கொள்ள.

        HTML-இல் உள்ள முக்கியமான உத்திகள்

        • Semantic HTML : HTML கூறுகளை அவற்றின் அர்த்தத்தின் அடிப்படையில் பயன்படுத்துவது. இது தேடுபொறிகளுக்குப் பக்கத்தின் உள்ளடக்கத்தைப் புரிந்துகொள்ள உதவுகிறது.
        • Responsive Web Design : பல்வேறு சாதனங்களில் (desktop, tablet, mobile) சரியாகக் காண்பிக்கக்கூடிய வலைப்பக்கங்களை உருவாக்குவது. ரெஸ்பான்சிவ் வெப் டிசைன் பற்றி மேலும் படிக்கவும்.
        • Accessibility : வலைப்பக்கங்களை ஊனமுற்ற பயனர்களும் பயன்படுத்தும் வகையில் உருவாக்குவது. வலை அணுகல்தன்மை பற்றிய தகவல்களுக்கு.
        • SEO (Search Engine Optimization) : தேடுபொறிகளில் பக்கத்தின் தரவரிசையை மேம்படுத்தும் உத்திகளைப் பயன்படுத்துவது. SEO அடிப்படைகள் பற்றி தெரிந்து கொள்ள.
        • Web Performance Optimization : பக்கத்தின் ஏற்றுதல் வேகத்தை மேம்படுத்துவது. வெப் செயல்திறன் மேம்பாடு பற்றி அறிய.

        HTML-இல் தொழில்நுட்ப பகுப்பாய்வு

        HTML-இல் அளவு பகுப்பாய்வு

        • Google Analytics : வலைத்தளப் போக்குவரத்தை கண்காணிக்கவும், பயனர் நடத்தையைப் பகுப்பாய்வு செய்யவும் பயன்படுகிறது. கூகிள் அனலிட்டிக்ஸ் பற்றி மேலும் படிக்கவும்.
        • Heatmaps : பயனர்கள் பக்கத்தில் எங்கு கிளிக் செய்கிறார்கள் என்பதை காட்சிப்படுத்த உதவுகின்றன. ஹீட்மேப் கருவிகள் பற்றி தெரிந்து கொள்ள.
        • A/B Testing : இரண்டு வெவ்வேறு பக்க வடிவமைப்புகளை ஒப்பிட்டு, எது சிறந்தது என்பதைத் தீர்மானிக்கப் பயன்படுகிறது. A/B சோதனை பற்றி அறிய.

        பைனரி ஆப்ஷன் பரிவர்த்தனையுடன் HTML-இன் தொடர்பு

        பைனரி ஆப்ஷன் பரிவர்த்தனை தளங்கள் பெரும்பாலும் HTML, CSS மற்றும் JavaScript ஆகியவற்றைப் பயன்படுத்தி உருவாக்கப்படுகின்றன. தரவு காட்சிப்படுத்தல், விளக்கப்படங்கள் மற்றும் நிகழ்நேர தரவு புதுப்பிப்புகள் போன்ற அம்சங்களை உருவாக்க இந்த தொழில்நுட்பங்கள் உதவுகின்றன. HTML-இன் அடிப்படைகளைப் புரிந்துகொள்வது, பைனரி ஆப்ஷன் தளங்களின் செயல்பாட்டைப் புரிந்துகொள்ள உதவும்.

        முடிவுரை

        HTML என்பது இணையத்தின் அடிப்படை மொழி. இது இணையப் பக்கங்களை உருவாக்கவும், உள்ளடக்கத்தை கட்டமைக்கவும் உதவுகிறது. HTML-இன் அடிப்படைகளை நன்கு புரிந்துகொள்வது, இணையத்தில் செயல்படும் எந்தவொரு டெவலப்பருக்கும் முக்கியமானது. பைனரி ஆப்ஷன் பரிவர்த்தனையில் உள்ள சிக்கல்களைப் புரிந்துகொள்வது போல, HTML-இன் நுணுக்கங்களையும் அறிந்து கொள்வது பயனுள்ளதாக இருக்கும்.

        இப்போது பரிவர்த்தனையை தொடங்குங்கள்

        IQ Option-ல் பதிவு செய்யவும் (குறைந்தபட்ச டெபாசிட் $10) Pocket Option-ல் கணக்கு திறக்கவும் (குறைந்தபட்ச டெபாசிட் $5)

        எங்கள் சமூகத்தில் சேருங்கள்

        எங்கள் Telegram சேனலுக்கு சேர்ந்து @strategybin பெறுங்கள்: ✓ தினசரி பரிவர்த்தனை சமிக்ஞைகள் ✓ சிறப்பு உத்திகள் மற்றும் ஆலோசனைகள் ✓ சந்தை சார்ந்த அறிவிப்புகள் ✓ தொடக்க அடிப்படையிலான கல்வி பொருட்கள்

Баннер
Retrieved from "https://binaryoption.wiki/ta/index.php?title=HTML&oldid=1462"