Category Archives: HTML

எளிய தமிழில் HTML – மின்னூல்

  HTML என்பது இணையப் பக்கங்களை உருவாக்கும் ஒரு கணிணி மொழி. இதை, இந்த நூல் எளிமையாக அறிமுகம் செய்கிறது. தமிழில் கட்டற்ற மென்பொருட்கள் பற்றிய தகவல்களை “கணியம்” மின் மாத இதழ், 2012 முதல் வெளியிட்டு  வருகிறது.இதில் வெளியான HTML பற்றிய கட்டுரைககளை இணைத்து ஒரு முழு புத்தகமாக வெளியிடுவதில் பெரு மகிழ்ச்சி கொள்கிறோம். உங்கள் கருத்துகளையும், பிழை திருத்தங்களையும் editor@kaniyam.com க்கு மின்னஞ்சல் அனுப்பலாம். kaniyam.com/learn-html-in-tamil என்ற முகவரியில் இருந்து இந்த நூலை பதிவிறக்கம்… Read More »

எளிய தமிழில் HTML – 7 – HTML5

HTML5 என்பது சற்றே வித்தியாசமானது. நமது வலைத்தளத்திற்கு மேலும் அழகு சேர்க்கக் கூடியது. இதன் துணைகொண்டு ஒலி/ஒளி கோப்புகள் மற்றும் 2D/3D படங்கள் ஆகியவற்றை நமது வலைத்தளத்தில் வெளிப்படுத்தலாம். மேலும் தகவல்களை application-ல் சேமிப்பது, அவற்றைப் பயன்படுத்துவது மற்றும் real-time protocols மூலம் சேமித்த தகவல்களைப் பரிமாறிக் கொள்வது போன்ற பல சிறப்பான வேலைகளையும் javascript மற்றும் css ஆகியவற்றின் துணைகொண்டு html5 செய்கிறது. HTML5-ம் ஒரு சாதாரண html program-க்கான syntax-ஐயே பெற்றிருக்கும். இது பின்வருமாறு.… Read More »

எளிய தமிழில் HTML – 6 – Forms

Forms இதுவரை எத்தகைய வடிவிலெல்லாம் தகவல்களை பயனர்களுக்கு வெளிப்படுத்துவது என்று பார்த்தோம். இப்போது படிவங்கள் மூலம் எவ்வாறு பயனர்களிடமிருந்து தகவல்களை பெற்றுக்கொள்வது என்று பார்க்கப்போகிறோம். <form> tag ஒரு் படிவத்தை உருவாக்க <form> tag-ஐ <body>-க்குள் கொடுக்க வேண்டும். இதற்கான இணை tag படிவம் முடியும்போது இடம்பெறும். இந்த <form>-க்கு method மற்றும் action என்று இரண்டு பண்புகள் உள்ளன. method-க்கு post எனும் மதிப்பும், action-க்கு படிவத்தில் பூர்த்தி செய்யப்பட்ட விவரங்களை எங்கு அனுப்ப வேண்டும்… Read More »

எளிய தமிழில் HTML – 4 – Tables & Links

Tables அனைவருக்கும் Table என்றால் என்னவென்று தெரிந்திருக்கும். இப்போது HTML-ல் ஒரு table-ஐ உருவாக்குவது எப்படியென்று பார்க்கப்போகிறோம். முதலில் ஒரு table-ன் தொடக்கத்தின் <table> எனும் tag-ஐயும், கடைசியாக அதற்கான இணை tag-ஐயும் கொடுக்க வேண்டும். பின்னர் table-ல் இடம்பெறப்போகும் ஒவ்வொரு row-ன் ஆரம்பத்தில் <tr>-ம், இறுதியில் </tr> tags-ஐயும் (tr for table row) கொடுக்க வேண்டும். இது table-ன் தலைப்பாக அமையப்போகும் row-க்கும் பொருந்தும். அடுத்தபடியாக table-ன் தலைப்பாக இடப்பெறப்போகும் ஒவ்வொரு வார்த்தையின் முன்னரும்… Read More »

எளிய தமிழில் HTML – 3

Preservative tag   Preservative tag-ஆனது body tag-க்குள் உள்ளவற்றை அதன் வடிவம் கொஞ்சம் கூட மாறாமல் அப்படியே browser-ல் வெளிப்படுத்த உதவுகிறது. உதாரணத்துக்கு பின்வருமாறு ஒரு program-ஐ <pre> tag இல்லாமல் அடித்து, browser-ல் திறந்து பார்க்கவும். body tag-க்குள் நாம் ஒவ்வொரு வரிக்கும் கொடுத்த இடைவெளி, tag space எல்லாம் புறக்கணிக்கப்பட்டு, வெறும் எழுத்துக்கள் மட்டும் browser-ல் வெளிப்பட்டுவிட்டது. இப்போது அதே program-ஐ pre tag கொடுத்து browser-ல் open செய்து பார்க்கவும். இப்போது… Read More »

எளிய தமிழில் HTML – 2

Line Break tag அடுத்தடுத்த வரிகளை வெளிப்படுத்த உதவும் br tag-ன் முக்கியத்துவத்தை அறிந்து கொள்ள பின்வருமாரு தொடர்ச்சியான வரிகளை body tag-க்குள் அடித்து அதனை browser-ல் திறந்து பார்க்கவும். இங்கும் body tag-க்குள் உள்ளவை browser-ல் வெளிப்பட்டுவிட்டது. ஆனால் அவை அடுத்தடுத்த வரிகளாக வெளிப்படவில்லை. இவை அடுத்தடுத்த வரிகளாக வெளிப்படவேண்டும் எனும் கட்டளையை அளிக்கவே இந்த <br> tag பயன்படுகிறது. இப்போது <br> tag-ஐ ஒவ்வொரு வரியின் இறுதியிலும் அமைக்கவும். இதற்கு இணை tag இல்லை.… Read More »

எளிய தமிழில் HTML – 1

Hyper Text Markup Language என்பதே HTML என்றழைக்கப்படுகிறது. இது ஓர் அழகிய வலைத்தளத்தை உருவாக்கப் பயன்படும் மொழி ஆகும்.HTML மொழியைப் பயன்படுத்தி gedit-ல் உருவாக்கப்படும் ஆவணமானது “.html” எனும் பெயருடன் சேமித்து வைக்கப்படும். பின்னர் இது browser-ல் திறக்கும்போது ஓர் அழகிய வலைதளமாக வெளிப்படும்.   gedit-ல் கொடுக்கப்படும் சாதாரண text-ஆனது ஒருசில tags-வுடன் இணைந்து hypertext-ஆக மாறுகிறது. இந்த hypertext மூலமாக browser-க்குக் கட்டளைகளைப் பிறப்பிப்பதே markup எனப்படும். இதுவே Hyper Text Markup… Read More »

HTML5 ல் விளையாட்டுகள்

கடந்த பத்தாண்டுகளாக கணினியில் இணையத்தின்மூலமான நேரடிவிளையாட்டு என்பது பல்லாயிரகணக்கான மக்களின் பேராதரவுடன் அகல்கற்றையின் வளர்ச்சியினால் வளர்ந்து வருகின்றது. தற்போது ஏராளமானவர்கள் இந்த கணினியின் விளையாட்டுகளில் தங்களின் ஓய்வு நேரத்தை செலவிடுகின்றனர்.அதிலும் இணையத்தின்மூலம் நேரடியாக விளையாட்டு என்பது மிகமுக்கிய இடத்தினை வகிக்கின்றது ஏனெனில் இணையத்தின்மூலம் நேரடியானகணினியின் விளையாட்டிற்காக குறிப்பிட்ட இடத்தில்தான் அல்லது இயக்கமுறைமையில்தான் செயல்படும் என்ற நிபந்தனையெதுவுமின்றி இதனை பயன்படுத்தி கொள்ளலாம் மேலும் இதற்காக தனியான முதலீடோ ,வன்பொருட்களோ அல்லது மென்பொருட்களோ தேவையில்லை. முன்பெல்லாம் கணினியில் விளையாட்டு மென்பொருளை… Read More »

எச்.டி.எம்.எல் 5 பட விளக்கம்(6)

-சுகந்தி வெங்கடேஷ் இதுவரை ஒரு இணையப்பக்கத்தின் கட்டமைப்பு எப்படி இருக்க வேண்டும் என்று பார்த்தோம். இனி ஒரு இணையப் பக்கத்தின் உட்பொருள்களை எப்படி அமைக்க வேண்டும் என்று பார்ப்போம். ஒரு இணையப்பக்கம் என்று சொல்லும் போது அதன் உள்ளடக்கங்களை மூன்று வகையாகப் பிரிக்கலாம் அவை உரைகள்,(texts) ஊடகங்கள்(media) ஊடாடும் முறைகள்(Interactive).என்று பிரிக்கப்படுகிறது. உரைகள் என்று பிரிக்கும் போது தலைப்புகள், பத்திகள், இணையச் சுட்டிகள், பட்டியல்கள் மேற்கோள்கள், முகவரிகள்,தனித்தன்மை (entities) கருத்துகள் ,இணைகூற்றுகள்(caption) தேதிகள், ஆகியவற்றை முக்கியமாகப் பார்க்கலாம… Read More »

HTML- 5 பட விளக்கம்

சுகந்தி வெங்கடேஷ் <vknsvn@gmail.com> இணையச் சுட்டிகள் இணையச் சுட்டிகள் இணையத்தின் முதுகெலும்பாகச் செயல் படுகின்றன என்று சொல்ல வேண்டும். ஒவ்வோர் இணையப் பக்கத்தையும் இணைத்து ஒரு பெரிய வலையத்தையே இணையச் சுட்டிகள் உருவாக்கியுள்ளன. இணையச் சுட்டிகள் படங்கள், ஊடகங்கள், இரு இணையப் பக்கத்தின் இன்னொரு பகுதி மற்ற இணையத் தளங்களின் சுட்டிகள் ஆகிய எல்லாவற்றையும் சேர்த்து வைக்கும் பாலமாக செயல்படுகின்றன.சுட்டிகள் ஓர் இணையதளத்திற்கு மிகவும் முக்கியம் என்பதால் அவற்றை இன்னும் சிறிது ஆழமாகப் பார்க்க வேண்டும். பொதுவாக… Read More »