பல்சுவை தகவல்கள் - Thagavalgal in Tamil பல்சுவை தகவல்கள் - Thagavalgal in Tamil

பல்சுவை தகவல்கள் - Thagavalgal in Tamil- Interesting Information in Tamil Useful Information you should know - Computer Tips, Health Tips, online offers, and more helpful Tips and Tricks நீங்கள் தெரிந்து கொள்ள வேண்டிய பயனுள்ள தகவல்கள்

புதன், 31 டிசம்பர், 2014

HTML Tutorials 23-Image குறி ஒட்டில் align, border மற்றும் HIGHT AND WIDTH பண்புகள்

HTML IMG TAG ATTRIBUTES
img tag attributes
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
கடந்த பதிவில் HTML ஆவணத்தில் படங்களை சேர்ப்பது எப்படி என்பதைப் பற்றிப் பார்த்தோம்.


இப்பதிவின் தொடர்ச்சியாக <IMG> குறிஒட்டில் பயன்படுத்தும் பண்புகளைப் 
 
பற்றிப் பார்ப்போம்.

ALIGN பண்பு

உங்களுடைய படம் வலைப்பக்கத்தில் எந்த இடத்தில் தெரிய வேண்டும் 
 
என்பதை <IMG> குறிஒட்டில் ALIGN பண்பில் கொடுக்க வேண்டும். இந்த 
 
பண்பிற்கு left, right, top, bottom மற்றும் middle போன்ற மதிப்புகளைக் 
 
கொடுக்கலாம். <IMG> குறிஒட்டில் ALIGN பண்பை கொடுக்காதபோது, 
 
உங்களுடைய படம் வலை உலவி சாளரத்தின் இடதுபக்க மேல் ஓரத்தில் 
 
காட்டப்படும்.

<IMG SRC="image name with path" ALIGN = "Left/right/top/bottom/middle">

இதில் Left/right/top/bottom/middle என்பதில் படமானது எப்படி 
 
அமையவேண்டும் என்பதை நிர்ணயிக்க ஏதாவது ஒன்றைத் தேர்ந்தெடுத்துக் 
 
கொடுக்கலாம்.

இடது பக்கம் அமைய இவ்வாறு கொடுக்கலாம்.
 
<IMG SRC="image name with path" ALIGN = "Left">


BORDER பண்பு

படத்தைச் சுற்றிலும் எல்லைகளை அமைக்க BORDER பண்பு பயன்படுகிறது. 
 
 
Border பண்பில் பயன்படுத்தப்படும் மதிப்பு எல்லைகளின் தடிமனைத் தீர்மானிக்கிறது.


இதன் பொது வடிவம் 



<IMG SRC="image name with path" BORDER="Value">



இங்கு BORDER என்னும் பண்பு படத்துடன் சேர்க்கப்படும் எல்லைகளின் 
 
தடிமனைக் குறிக்கிறது.



HIGHT AND WIDTH பண்பு

<IMG> குறி ஒட்டில் height மற்றும் Width பண்புகளைப் பயன்படுத்துவதன் 
 
மூலம் ஒரு படத்தின் உயரம் மற்றும் அகலத்தை நிர்ணயிக்க முடியும். 
 
படத்தின் உயரம் மற்றும் அகலத்தை புள்ளிகளில் (Pixels) கொடுக்கலாம். 
 
அல்லது சாளரத்தின் அளவில் எத்தனை சதவீதம் இருக்க வேண்டும் என்றும் 
 
கொடுக்கலாம்.

படத்தின் ஈரம் குறையாமல் இருக்க, அதன் உயர, அகல விகிதத்தை 
 
மாற்றக்கூடாது. நாம் ஏதேனும் ஒரு அளவைக் கொடுத்து படத்தின் அளவை 
 
மாற்றும் போது, மூலப் படத்தின் அளவு விகித்த்திற்கேற்ப மற்றொரு அளவு 
 
தானாகவே மாற்றப்படும்.



உங்கள் வலைப்பக்கதிற்குச் சரியாகப் பொருந்தக்கூடிய அளவுள்ள படத்தைத் 
 
தேர்ந்தெடுத்து, பின்னர் <IMG> குறி ஒட்டில் கீழ்க்கண்டவாறு பண்புகளைச் 
 
சேர்க்க வேண்டும்.



<IMG SRC="image name with path" HEIGHT= "pixels" WIDTH="pixels" >



ALT பண்பு

சில சமயங்களில் உங்கள் வலைப்பக்கங்களைப் பார்வையிடும் 
 
பார்வையாளர் உரையை மட்டும் காட்டும் உலவியைப் பயன்படுத்தலாம். 
 
அல்லது கோப்புகளை விரைவாகப் பார்வையிடுவதற்காக, படங்களைக் 
 
காண்பிப்பதைத் தடை செய்திருக்கலாம். இது போன்ற சமயங்களில் வலை 
 
உலவியானது படங்களைக் காட்டாது.

உலவித் திரை படங்களைக் காட்டாதபோது, அதற்குப் பதிலாக காட்ட 
 
வேண்டிய உரையை alt பண்பின் மூலம் கொடுக்கலாம். இந்த உரையானது 
 
நீங்கள் கொடுத்திருக்கும் படத்தைப் பற்றிய விளக்கமளிக்கக் கூடியதாக 
 
இருக்க வேண்டும்.

 
பொதுவடிவம்: 

<IMG SRC = "image name with path" ALT = "Alternative text">

குறிப்பு: <IMG> குறி ஒட்டிற்கு முடிவுக் குறி ஒட்டு கிடையாது. இந்தக் குறி 
 
ஒட்டு <IMG> குறிஒட்டில் SRC என்னும் பண்பு கட்டாயம் இடம்பெற 
 
வேண்டும். இந்த குறிஒட்டு <BODY></BODY> என்னும் குறிஒட்டிற்கு 
 
இடையில் பயன்படுத்தப்படுகிறது.


ஆவணத்தில் எத்தனைப் படங்களைச் சேர்க்க வேண்டுமோ, அதே 
 
எண்ணிக்கையில் <IMG> குறிஒட்டுகளைப் பயன்படுத்த வேண்டும்.

அடுத்த பதிவில் HTML ஆவணத்தில் ஒலியைச்(AUDIO) சேர்க்கப் பயன்படும் 
 
குறிஒட்டான <BGSOUND> -ஐப் பற்றிப் பார்ப்போம்.


இப்பதிவின் உதாரண நிரல்களைக் காண கடந்த பதிவைப் பார்க்கவும்.

HTML Tutorials 22-HTML ஆவணத்தில் படங்களைச் சேர்க்க

பல வலையகங்கள்(Websites) படங்களைக் கொண்டிருக்கின்றன. 

நம்முடைய வலைபக்கத்தில் படங்களைச் சேர்ப்பதன் மூலம் 

பார்வையாளரின் கவனத்தை ஈர்க்க முடியும். வலைப்பக்கத்தில் மூன்று 

விதமான படக்கோப்புகளைச்(Image Files) சேர்க்க முடியும்.

GIF (Graphics Interchange Format)
JPG/JPEG(Joint Photographic Experts Group)
PNG(Portable Netwrok Graphics)

மேற்கண்ட கோப்புவகையுடன் கூடிய படங்களை HTML ஆவணத்தில் 
 
சேர்ப்பதன் மூலம் உங்கள் வலைப்பக்கங்களில் படங்களை காட்ட முடியும்.
 
இதற்குப் பயன்படும் குறிஒட்டு(TAG) <IMG> குறிஒட்டு எனப்படும்.


இந்த <IMG> குறிஒட்டு எப்பொழுதும் SRC என்னும் பண்புடன் சேர்த்தே 
 
கொடுக்கப்படுகிறது.  SRC என்னும் பண்பு, படக் கோப்பின் பெயரை 
 
தடத்துடன்(File Path) குறிப்பிடப் பயன்படுகிறது.


உதாரணமாக,
 
<IMG SRC = "image name with path">
 
என்னும் வகையில் அமைந்திருக்க வேண்டும்.



உதாரண நிரல் வரிகளைக் காண்போம்.
 
<IMG SRC = "C:\mypictures\cartoons\mickeymouse.jpg">  என்றவாறு இருக்க வேண்டும்.

ஒரு முழு HTML ஆவணத்தைக் காண்போம்.

<HTML>
<HEAD>
<TITLE>Inserting images in html doucment</TITLE>
</HEAD>
<BODY>
<IMG SRC = "C:\mypictures\cartoons\mickeymouse.jpg"> 
</BODY>
</HTML>

மேற்கண்ட நிரல்வரிகளை நோட்பேடில் எழுதி .html என்ற விரிவுடன் 
 
சேமித்து , அதை உலவியில் திறந்துப் பாருங்கள்..


குறிப்பு: சிவப்பு நிறத்தில் உள்ளதிற்கு பதில் உங்கள் கணினியில் உள்ள 
 
படத்தின் (File Path) தடத்தைக் கொடுக்கவும்

HTML Tutorials 21-DESCRIPTION TAG - விளக்கக் குறிஒட்டு

Description tag
comment tag
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 எளிய தமிழில் HTML தொடரில் ஏற்படும் சந்தேகங்களை மின்னஞ்சல் வழி கேட்டுத் தெளிவுறும் நண்பர்களுக்கு எனது நன்றி. இன்றைய பதிவிற்கு வருவோம்..

விளக்கக் குறிஒட்டு(DESCRIPTION TAG)

விளக்க குறி ஒட்டு என்பது மற்ற குறி ஒட்டுகளிலிருந்து சற்றே 
 
வேறுபடுகிறது. இந்த குறி ஒட்டை HTML ஆவணத்தின் தலைப்பகுதி(Header 
 
SECTION), உடல் பகுதி (BODY SECTION) என எந்தப் பகுதியில் 
 
வேண்டுமானாலும் கொடுக்கலாம். இது / என்ற குறியுடன் 
 
முடிவடைவதில்லை.. மாறாக <!-- என்னும் குறியுடன் தொடங்கி --> 
 
என்னும் குறியுடன் முடிகிறது.



இந்த குறியீடு எதற்கென்றால்... நிரல்வரிகள் குறிப்பிட்டுச்சொல்ல.. அதாவது 
 
எதற்காக இந்த நிரல் வரிகள்.. யாரால் எழுதப்பட்டது.. இப்படி தேவையான 
 
விளக்கங்களை அங்கங்கே எழுதி, அதை பிரௌசரில் வெளிப்படாமல் 
 
இருப்பதற்காக இந்த குறிமுறைப் பயன்படுகிறது.


பிளாக்கரின் Edit HTML பகுதிக்குச் சென்று உங்கள் வார்ப்புருவின் 
 
நிரல்வரிகளை கவனித்தால் இதுபோன்ற குறிஒட்டுகள் அங்கங்கே 
 
பயன்படுத்தப்பட்டிருக்கும்.


விளக்கக்குறிப்புகளை இவ்வாறு எழுதலாம்.

<!--Write your Comment Here-->
<!--This is comment-->
<!--This is my own coding-->
<!--Formating text and size-->
<!--Centers everyhthing in the CENTER element-->

ஒரு உதாரண நிரல்வரிகளை கீழேக் காண்போம்.

<HTML>
<HEAD>
<TITLE>MY OWN WEBPAGE
</TITLE>
</HEAD>
<!--CREATED: THE LAST DAY-->
<!--Written by Mr.Arun-->
<!--last modified: today-->
<BODY>
WELCOME TO HTML <BR>
WELCOME TO ALL
</BODY>
</HTML>

மேற்கண்ட நிரல்வரிகளை NOTEPAD-ல் எழுதி .html என்ற விரிவுடன் 
 
சேமித்து வெளிப்பாட்டை உலவியில் திறந்துபாருங்கள்..



<!--விளக்கக் குறிஒட்டில் --> எழுதியவை உலவியில் வெளிப்படாமல் இருக்கும்.



அதாவது இதனுடைய output இவ்வாறு இருக்கும்.


WELCOME TO HTML
WELCOME TO ALL 


அடுத்தப் பாடத்தில் HTML -ல் முக்கியப் பாடமான HTML ஆவணத்தில் 
 
படங்கள், ஒலி, பட்டியல் மற்றும் அட்டவணைகள் ஆகியவற்றை 
 
சேர்ப்பது எப்படி? என்பதைப் பற்றிக் காணவிருக்கிறோம்..

செவ்வாய், 30 டிசம்பர், 2014

கம்ப்யூட்டர் புரோகிராமிங் மற்றும் வெப் புரோகிராமிங் கற்றுக்கொள்ள பயன்படும் யூடியூப் வீடியோ சானல்கள்

கம்ப்யூட்டர் புரோகிராமிங் மற்றும் வெப் புரோகிராமிங் கற்றுக்கொள்ள பயன்படும் யூடியூப் வீடியோ சானல்கள் நிறைய உள்ளன. ஒவ்வொரு துறை சார்ந்த எந்த ஒரு விடயத்தையும் கற்றுக்கொள்ள ஒரு சிறந்த களமாக உள்ளது யூடியூப் வீடியோ தளம். இதில் பொழுது போக்கு வீடியோக்கள் மட்டுமல்லாமல் கல்வி, கலை சார்ந்த எண்ணற்ற வீடியோக்கள் உள்ளன.

web and computer program video tutorial

குறிப்பாக Computer Programming மற்றும் C, C++ போன்ற கணினி மொழிகள் என விதவிதமான கம்ப்யூட்டர் சார்ந்த  புரோகிராமிங் கற்றுக்கொள்ள விரும்புபவர்களுக்கு தேவையான வீடியோக்கள் இதில் இருக்கிறது. 

இதுபோன்ற உள்ள கல்வி தொடர்புடைய புரோகிராமிங் சார்ந்த வீடியோக்கள் அனைத்தும் பல்வேறு நபர்களின் பங்களிப்பால் உருவானவை. 10 அல்லது 13 நிமிடம் ஓடக்கூடிய இந்த வீடியோக்கள் அனைத்தும், புதியதாக அடிப்படை புரோகிராமிங் கற்றுக்கொள்பவர்களை மனதில் வைத்து உருவாக்கப்பட்டவை. 

இந்த வீடியோக்கள் அனைத்தும் ஒவ்வொரு தலைப்புகளின் அடிப்படை விஷயங்களை உள்ளடக்கியது. அதாவது காம்ப்ளக்ஸ் புரோகிராம் எழுதுவதற்கு IDE இன்டாலிங் செய்வது IDE installing to write complex programming போன்ற பயனுள்ள வீடியோக்கள் இடம்பெற்றுள்ளன.

பைதான் Python, சி- C, ஜாவா Java, ஐபோன் டவலப்மெண்ட் iPhone development மற்றும்   HTML, CSS, PHP போன்ற web programming கற்றுக்கொள்வதற்கு இந்த யூடியூப் சேனல்கள் பயன்படும்.

சேனலின் பெயர் தி நியூ போஸ்டன்  - இந்த சேனலில்

  •  ஜாவா புரோகிராமிங்  - Java Programming - 87 வீடியோக்கள்
  • ஜாவா கேம் டவலபிங் - Java Game Development - 36 வீடியோக்கள்
  • இன்டர்மீடியே ஜாவா புரோகிராமிங் Intermediate Java Programming 27 வீடியோக்கள்
  • பைதான் புரோகிராமிங் - Python Programming - 43 வீடியோக்கள்
  • சி புரோகிராமிங் - C Programming -15 வீடியோக்கள்
  • சி++ புரோகிராமிங் - C++ Programming -20 வீடியோக்கள்
  • ஹெச்டிஎம்ல் மற்றும் சிஎஸ்எஸ் - HTML and CSS  - 52 வீடியோக்கள்
  • ஐபோன் அப்ளிகேஷன் டவலப்மெண்ட் - iPhone app development - 37 வீடியோக்கள்
  • பிஹெச்பி புரோகிராமிங் - PHP Programming -35 வீடியோக்கள் 

ஆகியன உள்ளன.

பிஹெச்பி மற்றும் மைஎஸ்கியூஎல் கற்றுக்கொள்ள PHPacademy என்ற சேனல் பயன்படுகிறது.

இதில் இடம்பெற்றுள்ள வீடியோ பாடங்கள்

PHP Basic -  பிஹெச்பி அடிப்படை பாடங்கள் - 27 வீடியோக்கள்
MySQL மற்றும் PHP 6 வீடியோக்கள்

Xoax.net யுடியூப் சானல்:

Xoax -ல் 200 க்கும் மேற்பட்ட வீடியோக்கள் உள்ளன. ஆனால் இதில் முக்கியமாக முன்னிறுத்தப்படுபவை C++ தான்.  இதில்,

C++ பேசிக் கற்றுக்கொள்ள C++ Programming for beginners (51 வீடியோக்கள்)
C++ ஓப்பன்ஜிஎல் கற்றுக்கொள்ள C++ OpenGL for beginners (7 வீடியோக்கள்)
C++ விண்32 கற்றுக்கொள்ள C++ Win32 Tutorials (12 வீடியோக்கள்)
Visual C++ Tutorials (8 வீடியோக்கள்)

இவ்வாறு யுடியூப் தளத்தில் மற்றும் கம்ப்யூட்டர் புரோகிராமிங் மற்றும் வெப் புரோகிராமிங் கற்றுக்கொடுக்கும் பல்வேறு வீடியோ சானல்கள் உள்ளன. அவற்றில் இங்கு குறிப்பிடப்பட்டுள்ளவை ஒரு சிலதான்.

இதுபோன்ற எண்ணற்ற வெப் புரோகிராமிங் மற்றும் கம்ப்யூட்டர் புரோகிராமிங் வீடியோக்கள் YouTube இணையதளத்தில் உள்ளன. புரோகிராமிங் கற்றுக்கொள்ளும் ஆர்வம் உள்ளவர்களுக்கு இதுபோன்ற கல்வி, கலை சானல்கள் கண்டிப்பாக பயனுள்ளதாக இருக்கும்.

Top 10 ஆண்ட்ராய்ட் ரேசிங் கேம்ஸ்

ஆண்ட்ராய்ட் போன்கள் அனைவரும் கவர்ந்து வரும் காலம் இது. ஒவ்வொருவரின் கையில் ஆண்ட்ராய்ட் ஸ்மார்ப்போன்கள் இருக்கிறது. ஆண்ட்ராய்ட் போனில் அதிகம் விரும்புவது கேம்ஸ் ஐட்டம்தான். 

வித விதமான கேம்ஸ்களை டவுன்லோட் செய்து விளையாடுவது அனைவருக்கும் பிடிக்கும். அதிலும் இளைஞர்கள் முதல் சுட்டீஸ்கள் வரை விரும்பி விளையாடுவது Race Games தான்.

ஆண்ட்ராய்ட் போனில் இன்ஸ்டால் செய்து விளையாடக்கூடிய Top 10 Racing Game - ஐ இங்கு வரிசைப் படுத்தப்பட்டுள்ளது. 

தேவையானோர் டவுன்லோட் செய்து உங்கள் ஆண்ட்ராய்ட் போனில் இன்ஸ்டால் செய்து விளையாடி மகிழுங்கள். 

1. Death Rally FREE


Death Rally FREE android game
இந்த கேமை டவுன்லோட் செய்ய: Download Death Rally FREE android game

2. 2XL MX Offroad


2XL MX Offroad android game

இந்த கேமை டவுன்லோட் செய்ய: Download  2XL MX Offroad android game

3. Acceler8 Pro


Acceler8 Pro android game



4. GT Racing: Motor Academy Free+


GT Racing: Motor Academy Free+ android game



5. Parking Frenzy 2.0


Parking Frenzy 2.0 android game


6. Trial Xtreme 2


Trial Xtreme 2 android game


7. Pocket Racing


Pocket Racing android game


8. Raging Thunder 2


Raging Thunder 2 android game


9. Reckless Racing 2


Reckless Racing 2 android game


10. Snuggle Truck


Snuggle Truck android game




I collect android top-ten racing games for android phone users. most of games are free to download and install. All are in Google play store. so don't worry about virus, malicious problem. All the games are secure games.

உங்கள் ஆண்ட்ராய்ட் சாதனத்தை புதியதுபோல் பராமரிக்க

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

ஆண்ட்ராய்ட் போன்கள் இந்தளவிற்கு பிரபலமானதற்கு காரணம் user friendly கட்டமைப்புதான். இவ்வாறு அனைவரையும் கவரும் ஆண்ட்ராய்ட் போன்கள், நாளடைவில் கணினியைப் போன்று செயல்படும் திறனில் வேகம் குறைகின்றன. இதற்கு காரணம் பயன்படுத்தும் விதம் மற்றும் அதில் இடம்பெரும் அப்ளிகேஷன்களின் அளவு, இடம்பெற்றிருக்கும் கோப்புகளின் எண்ணிக்கை மற்றும் கோப்புகளின் அளவு போன்றவற்றைக் குறிப்பிடலாம். 


உங்களுடைய ஆண்ட்ராய்ட் சாதனத்தைப் புதிய போனைப் போன்று அதிக செயற்திறனுடன் செயல்பட வைக்க ஒரு புதிய மென்பொருள் பயன்படுகிறது.

மென்பொருளின் பெயர்: Advanced mobile care 

இந்த மென்பொருள் மெதுவாக இயங்கும் ஆண்ட்ராய்ட் போனில் உள்ள தேவையற்ற கோப்புகளை நீக்குகிறது. மேலும் ஆண்ட்ராய்ட் போனில் உள்ள தேவையற்ற வைரஸ்களை நீக்கி பாதுகாக்கின்றனது. 

Games Booster: 

நீங்க் உங்களுடைய ஆண்ட்ராய்ட் சாதனத்தில் கேம்ஸ் விளையாடும்போது , கேம்ஸ் ஸ்பீடர் (Games speeder) எனும் டூல் மூலம் உங்களுடைய ஆண்ட்ராய்ட் போன் பேக்ரவுண்டில் இயங்கும் நிரலிகளை கட்டுப்படுத்தி, வேகமாக கேம் விளையாட உதவுகிறது. 

Battery Saver: 

இதிலுள்ள battery saver எனும் டூல் மூலம் வீணாகும் பேட்டரி சக்தியை முறையாக சேமித்து முடியும். 

Privacy Advisor: 

இந்த டூல் மூலம் உங்களுடைய ஆண்ட்ராய்ட் சாதனத்தில் நிறுவப்படும் ஒவ்வொரு அப்ளிகேஷனும் மூலம் உங்களுடைய சாதனத்தில் இருக்கும் எப்படிப்பட்ட வசதிகளை இயக்க முடியும் என்பதை  தனித்தனியாக காட்டுகிறது. 

Application Manager: 

இந்த டூல் மூலம் சாதனத்தில் நிறுவப்பட்டிருக்கும் அப்ளிகேஷன்களை நீக்கவும், movie apps என்பதன் மூல் SD card க்கு மூவ் செய்துகொள்ளவும் முடியும். 

Cloud Backup: 

இந்த வசதியின் மூலம் உங்கள் தொடர்பில் இருக்கும் contac, call log போன்றவற்றை இணையத்தில் சேமித்துக்கொள்ள முடியும். இந்த வசதியின் மூலம் நீங்கள் புதிய சாதனத்திற்கு மாறும்பொழுது அனைத்து விபரங்களையும் புதிய சாதனத்திற்கு எளிதாக மாற்றிக்கொள்ள முடியும். 

Anti Theft: 

இந்த Advance care மென்பொருள் நிறவப்பட்ட உங்களுடைய ஆண்ட்ராய்ட் சாதனம் தொலைந்துவிட்டால், மற்றொரு Advance care மென்பொருள் நிறவப்பட்ட சாதனத்தின் மூலம் தொலைந்து போன சாதனத்தை கட்டுப்படுத்த முடியும். குறிப்பாக தொலைந்து போன சாதனத்தில் GPS இயக்கப்படாது இருந்தாலும் சாதனம் இருக்கும் இடத்தை துல்லியமாக Google Map மூலம் கண்டுபிடிக்க முடியும். 

Privacy Locker: 

இந்த வசதியின் மூலம் விடியோ கோப்புகள், ஆவணங்கள் மற்றும் ஆல்பம் போன்றவற்றினை பாஸ்வேர்ட் கொடுத்து பாதுக்க முடியும்.

இத்தனை வசதிகளும் கொண்ட இந்த மென்பொருள் முற்றிலும் இலவசம். 

மென்பொருளைத் தரவிறக்கம் செய்ய சுட்டி: 

நன்றி. 

ஆங்கிலத்தில்: 

www.masinfom.blogspot.com

All must-have tools for Android are in one Advanced Mobile Care.

HTML Tutorials 20-FONT குறிஒட்டும் அதில் பயன்படுத்தும் பண்புகளும்

எளிய தமிழில் HTML தொடரில் அடுத்து நாம் காணவிருப்பது <FONT>குறி 

 

ஒட்டாகும். இதில் பயன்படுத்தப்படும் பண்புகளைப் பற்றியும் பார்க்கலாம்.


FONT என்றால் எழுத்து. எழுத்தில் எத்தனையோ வகைகள் இருக்கின்றன. 

 

இதற்கு பல்வேறு வகையான நிறங்களையும் கொடுக்கலாம். 


 

 

<FONT> குறிஒட்டில் FACE, SIZE மற்றும் COLOR என்னும் பண்புகளைச் சேர்ப்பதன் மூலம் எழுத்தின் வகை, எழுத்தின் அளவு, எழுத்தின் நிறம் போன்றவற்றை மாற்றி அமைக்க முடியும்.



அதாவது இவ்வாறு இருக்க வேண்டும


<FONT SIZE="Size of the text in pixels" COLOR="Color Name" FACE="font name"> Sample Text</FONT>


SIZE பண்பு


SIZE  பண்பினை <FONT> குறி ஒட்டில் கீழ்க்கண்டவாறு பயன்படுத்தலாம்.

 

<FONT SIZE= "Value"> 1 முதல் 7 வரை எழுத்தின் அளவுகளை இதில் 

 

பயன்படுத்தலாம். Default(கொடாநிலை)ஆக எழுத்தின் அளவு 3 என 

 

இருக்கும். 


உதாரணம்: <FONT SIZE="3">Change the font size to 3</FONT>


COLOR பண்பு


உரை எந்த நிறத்தில் தெரிய வேண்டும் என்பதைக் குறிப்பிட COLOR பண்பு 

 

பயன்படுகிறது. இதில் நிறத்தின் பெயரையோ அல்லது அதற்கான RGB 

 

குறிமுறையையோ கொடுக்கலாம். 



COLOR பண்பினை <FONT> கீழ்க்கண்டவாறு பயன்படுத்தலாம். 


<FONT COLOR="#FF000">THIS TEXTX IS RED</FONT>

 

அல்லது இப்படியும் நிறத்தின் பெயரையும் கொடுக்கலாம்.

 

<FONT COLOR="red">THIS TEXT IS RED</FONT> 



FACE பண்பு


உரை எந்த எழுத்து வகையில் காட்டபட வேண்டும் என்பதைக் குறிக்க FACE 

 

பண்பு பயன்படுகிறது. பெரும்பாலும் அனைத்து உலவிகளும், பொதுவாகப் 

 

பயன்படுத்தப்படும் எழுத்து வகைகளை ஏற்றுக் கொள்கின்றன. உலவியால் 

 

காட்ட முடியாத எழுத்து வகைகளை ஏற்றுக் கொள்கின்றன. உலவியால் 

 

காட்ட முடியாத எழுத்து வகையை நாம் கொடுக்கும்போது,  உரையானது 

 

கொடாநிலை(DEFAULT) எழுத்து வகையில் காட்டப்படும். 


FACE பண்பினை <FONT> குறி ஒட்டில் கீழ்க்கண்டவாறு பயன்படுத்தலாம். 


உ.ம்.


<FONT FACE="Arial">Welcome Friends</FONT>


<FONT > குறிஒட்டில் ஒரே நேரத்தில் ஒன்றுக்கு மேற்பட்ட பண்புகளைப் பயன்படுத்தலாம். 


உதாரணம்: <FONT FACE="Arial" SIZE="5" COLOR="Blue">Happy Birthday</FONT>



இவ்வாறு  <FONT> குறிஒட்டில் ஒன்றுக்கும் மேற்பட்ட பண்புகளைப் பயன்படுத்தலாம்..


ஒரு உதாரண நிரல்வரிகளைக் காண்போம்..


<HTML>

<HEAD><TITLE>Changing the Font, Size and Color </TITLE>

</HEAD>

<BODY>

<FONT face= "arial" size="3" color="red">Dear Friends..!"</FONT> <BR>

<FONT face= "digital" size="3" color="green">Dear Friends..!"</FONT> <BR>

<FONT face= "forte" size="3" color="blue">Dear Friends..!"</FONT> <BR>

<FONT face= "elephant" size="3" maroon="red">Dear Friends..!"</FONT> <BR>

<FONT face= "alerian" size="3" color="navy">Dear Friends..!"</FONT> <BR>

</BODY>


மேற்கண்ட நிரலை நோட்பேடில் எழுதி .html என்ற விரிவுடன் சேமித்து உலவியில் திறந்து பாருங்கள்.


இவ்வாறு இருக்கும்.


Dear Friends..!"

Dear Friends..!"

Dear Friends..!"
Dear Friends..!"
Dear Friends..!"

www.masinfom.blogspot.com

HTML Tutorials 19-BIG TAG மற்றும் SMALL TAG


கடந்த இடுகையில் <BODY>குறிஒட்டில் பயன்படுத்தப்படும் LINK Attribution-
சிறப்புப் பண்பைப் பற்றிப் பார்த்தோம். தவறவிட்டவர்கள் இணைப்பைக் 
 
கிளிக் செய்து பார்த்துக்கொள்ளுங்கள்.
 
இன்றையப் பாடத்தில் மேலும் இரண்டு குறிஒட்டுகளைப் பற்றிப் 
 
பார்ப்போம். 
 
இதில் <BIG> மற்றும் <SMALL> என்ற குறி ஒட்டுகளைப் பற்றிப் பார்க்க 
 
இருக்கிறோம்.

  1. <BIG></BIG> என்ற குறிஒட்டுகள் நாம் எழுதிய எழுத்துகளை அதைவிட சற்று பெரியதாக காட்டப் பயன்படுகிறது.
  2. <SMALL> </SMALL> என்ற குறிஒட்டுகள் நாம் எழுதிய எழுத்துகளை அதைவிட சற்று சிறியதாக காட்டப் பயன்படுகிறது.

<HTML>
<HEAD>
<TITLE> BIG TAG and  SMALL TAG</TITLE>
</HEAD>
<BODY>
 <BIG>BIG என்ற குறிஒட்டு நாம் எழுதிய எழுத்துகளை அதைவிட சற்று பெரியதாக காட்டப் பயன்படுகிறது. </BIG>

<SMALL>SMALL என்ற குறிஒட்டு நாம் எழுதிய எழுத்துகளை அதைவிட சற்று பெரியதாக காட்டப் பயன்படுகிறது</SMALL>

</BODY>
</HTML>


மேற்கண்ட நிரல் வரிகளை வழக்கம்போலவே நோட்பேடில் எழுதி .html என்ற விரிவுடன் சேமித்து உலவியில் திறந்து பாருங்கள்.



அதன் வெளிப்பாடு இவ்வாறு இருக்கும்.


BIG என்ற குறிஒட்டு நாம் எழுதிய எழுத்துகளை அதைவிட சற்று பெரியதாக காட்டப் பயன்படுகிறது. 

SMALL என்ற குறிஒட்டு நாம் எழுதிய எழுத்துகளை அதைவிட சற்று பெரியதாக காட்டப் பயன்படுகிறது
அருண்
www.masinfom.blogspot.com

Popular Posts

Facebook

Blog Archive