HTML Lecture by Dave Gray
தொடக்கக் குறிப்புகள்
- ஆசிரியர்: டேவ் கிரே
- நேரம்: 4 மணி நேரம், 10 ட்யூட்டோரியல்களை உள்வாங்கும்
- வள இணைப்புகள்: வீடியோ விளக்கத்தில் கிடைக்கின்றன மற்றும் GitHub இல் தொகுக்கப்படுகின்றன
- நன்ற ி: Bo மற்றும் FreeCodeCamp க்கு நன்றிகள்
अध्याय 1: HTML அறிமுகம்
HTML அடிப்படைகள்
- தொகுப்பாக்கல்: ஹைபர்டெக்ஸ்ட் மாற்க்அப் மொழி
- நோக்கம்: இணையச்சரிகை உள்ளடக்கத்தின் பொருள் மற்றும் கட்டமைப்பை வரையறுக்கும்
- ஹைபர்டெக்ஸ்ட்: இணையப் பக்கங்களை இணைக்கும் இணைப்புகள்
- ஒரே தளத்தின் உள்ளாகவோ அல்லது வெவ்வேறு தளங்களுக்கு அகலாகவோ இருக்கலாம்
- பயன்பாடு: இணைய உலாவியங்களில் காட்சிப்படுத்துவதற்காக உரை, படங்கள் மற்றும் பிற உள்ளடக்கத்தை கணிசமாக்கவும்
ஆரம்ப கருவிகள்
- வலை உலாவி: பரிந்துரை - கூகுள் கிரோம், இங்கே பதிவிற்குப் google.com/chrome
- கோட் எடிட்டர்: பரிந்துரை - விஷுவல் ஸ்டூடியோ கோட், இங்கே பதிவிற்குப் code.visualstudio.com
- நீட்சிகள்: டார்க் நியூ டேப், பிரெட்டியர், VS Code ஐகான்கள், GitHub தீம், லைவ் சர்வர்
பிணையம் அமைத்தல்
- விஷுவல் ஸ்டூடியோ கோட் பதிவிறக்கி நிறுவவும்
- HTML பாடத்திற்கான கோப்புறையை உருவாக்கவும்
- உதாரணம்:
HTML_course/01_lesson
- விஷுவல் ஸ்டூடியோ கோடும் கோப்புறையும் தேர்வு செய்க
index.html என்ற பெயரில் புதிதாக ஒரு கோப்பை உருவாக்கவும்- அடிப்படை HTML கட்டமைப்பு
- HTML குறிச்சொற்கள்:
<html></html>
- தலைப்பு பகுதி:
<head></head>
- உள்ளடக்கப் பகுதி:
<body></body>
HTML பக்கத்தின் கட்டமைப்பு
உள்ளடக்கங்கள் மற்றும் குறிச்சொற்கள்: அடிப்படை அறுவைமுறை
- HTML உள்ளடக்கம்:
<html></html>
- திறக்கும் குறிச்சொல்:
<html>
- மூடும் குறிச்சொல்:
</html>
- தலைப்புப் பகுதியும் உடலும்
- தலைப்பு பகுதி: மேட்டாதலங்களை கொண்டுள்ளது
- உடல் பகுதி: உலாவியில் காணப்பட்டுள்ள உள்ளடக்கத்தை உள்ளடக்கியது
- தலைப்பு உள்ளடக்கம்:
<title>என் முதல் வலைப் பக்கம்</title>
- சேமிக்கவும்:
Ctrl + S
பிரெட்டியர் நீட்சியை பயன்படுத்தி வடிவமைப்புக்