HTML Editors
தொழில்முறை HTML எடிட்டர்களைப் பயன்படுத்தி வலைப்பக்கங்களை உருவாக்கலாம் மற்றும் மாற்றலாம்.
இருப்பினும், HTML கற்க நோட்பேட் (PC) அல்லது டெக்ஸ்ட்எடிட் (Mac) போன்ற ஒரு எளிய உரை எடிட்டரைப் பரிந்துரைக்கிறோம்.
நாங்கள் நம்புவது:
ஒரு எளிய உரை எடிட்டரைப் பயன்படுத்துவது HTML கற்க ஒரு சிறந்த வழியாகும். இது அடிப்படைக் கருத்துகளை நன்கு புரிந்துகொள்ள உதவுகிறது.
கீழே உள்ள படிகளைப் பின்பற்றி நோட்பேட் அல்லது டெக்ஸ்ட்எடிட்டைப் பயன்படுத்தி உங்கள் முதல் வலைப்பக்கத்தை உருவாக்கவும்.
படி 1: நோட்பேட்டைத் திறக்கவும் (PC)
1 விண்டோஸ் 8 அல்லது பிந்தையது:
Start Screen ஐத் திறக்கவும் (உங்கள் திரையின் கீழ் இடது பக்கத்தில் உள்ள விண்டோ சின்னம்). Notepad என்று தட்டச்சு செய்யவும்.
2 விண்டோஸ் 7 அல்லது முந்தையது:
Start > Programs > Accessories > Notepad என்பதைத் திறக்கவும்.
விண்டோஸ்
Notepad எடிட்டர்
இலவசமாக விண்டோஸுடன் வருகிறது
மேக்
TextEdit எடிட்டர்
இலவசமாக macOS உடன் வருகிறது
படி 1: டெக்ஸ்ட்எடிட்டைத் திறக்கவும் (Mac)
1 டெக்ஸ்ட்எடிட்டைத் திறக்கவும்:
Finder > Applications > TextEdit என்பதைத் திறக்கவும்.
2 விருப்பங்களை மாற்றவும்:
கோப்புகளை சரியாகச் சேமிக்க பயன்பாட்டிற்கு சில விருப்பங்களை மாற்றவும்.
- Preferences > Format - இல் "Plain Text" என்பதைத் தேர்ந்தெடுக்கவும்
- "Open and Save" - இல், "Display HTML files as HTML code instead of formatted text" என்பதைச் சரிபார்க்கவும்
முக்கியமானது:
மேக் பயனர்கள் டெக்ஸ்ட்எடிட்டில் HTML கோப்புகளை எழுதுவதற்கு முன், விருப்பங்களை Plain Text மோடுக்கு மாற்ற வேண்டும். இல்லையெனில் கோப்புகள் சரியாகச் சேமிக்கப்படாது.
பின்னர் குறியீட்டை வைக்க ஒரு புதிய ஆவணத்தைத் திறக்கவும்.
படி 2: சில HTML எழுதவும்
பின்வரும் HTML குறியீட்டை நோட்பேட்டில் எழுதவும் அல்லது நகலெடுக்கவும்:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>குறியீட்டு கூறுகள்
<!DOCTYPE html>- HTML5 ஆவணம்<html>- மூல உறுப்பு<body>- பக்க உடல்<h1>- தலைப்பு<p>- பத்தி
நோட்பேட் குறிப்புகள்
- குறியீடுகளை கவனமாக தட்டச்சு செய்யவும்
- அனைத்து குறியீட்டு கூறுகளும் சரியாக மூடப்பட்டுள்ளதா என சரிபார்க்கவும்
- இடைவெளிகள் மற்றும் வரி முறிவுகள் குறியீட்டை அழகாக்க உதவும்
படி 3: HTML பக்கத்தை சேமிக்கவும்
1 கோப்பை சேமிக்கவும்:
கோப்பை உங்கள் கணினியில் சேமிக்கவும். நோட்பேட் மெனுவில் File > Save as என்பதைத் தேர்ந்தெடுக்கவும்.
2 கோப்பு பெயர் மற்றும் குறியாக்கம்:
கோப்பை "index.htm" என்று பெயரிடவும் மற்றும் குறியாக்கத்தை UTF-8 ஆக அமைக்கவும் (இது HTML கோப்புகளுக்கான விருப்பமான குறியாக்கமாகும்).
உதவிக்குறிப்பு:
கோப்பு விரிவாக்கமாக .htm அல்லது .html ஆகியவற்றைப் பயன்படுத்தலாம். எந்த வித்தியாசமும் இல்லை; இது உங்கள் விருப்பத்திற்கு ஏற்றது.
கவனிக்க:
முதல் கோப்பை எப்போதும் index.html அல்லது index.htm என்று பெயரிடவும். இது வலை சேவையகங்களால் இயல்புநிலை கோப்பாக அங்கீகரிக்கப்படுகிறது.
படி 4: உலாவியில் HTML பக்கத்தைக் காணவும்
1 கோப்பைத் திறக்கவும்:
சேமிக்கப்பட்ட HTML கோப்பை உங்களுக்குப் பிடித்த உலாவியில் திறக்கவும் (கோப்பை இருமுறை கிளிக் செய்யவும், அல்லது வலது-கிளிக் செய்து "Open with" என்பதைத் தேர்ந்தெடுக்கவும்).
Google Chrome
கோப்பை இருமுறை கிளிக் செய்யவும்
Firefox
வலது-கிளிக் > Open With
Microsoft Edge
இயல்பாக உலாவியில் திறக்கும்
முடிவு இதுபோல் தோற்றமளிக்கும்:
உலாவியில் காட்சி:
My First Heading
My first paragraph.
Jassif Team Online Editor - "Try it Yourself"
எங்கள் இலவச ஆன்லைன் எடிட்டருடன், நீங்கள் HTML குறியீட்டைத் திருத்தலாம் மற்றும் முடிவை உங்கள் உலாவியில் காணலாம்.
நீங்கள் குறியீட்டை விரைவாக சோதிக்க விரும்பும்போது இது சரியான கருவியாகும். இது வண்ண குறியாக்கம் மற்றும் குறியீட்டை மற்றவருடன் சேமிக்கவும் பகிரவும் திறனையும் கொண்டுள்ளது:
எடுத்துக்காட்டு:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>ஆன்லைன் எடிட்டர் நன்மைகள்:
- குறியீட்டை உடனடியாக காண்பிக்கும்
- வண்ண குறியாக்கம் (Syntax highlighting)
- சோதனைகளை விரைவாக செய்யலாம்
- குறியீட்டை பகிர்ந்து கொள்ளலாம்
- கோப்புகளை சேமிக்க தேவையில்லை