HTML ஐப் பயன்படுத்தி கணினியை எவ்வாறு உருவாக்குவது

நூலாசிரியர்: John Stephens
உருவாக்கிய தேதி: 22 ஜனவரி 2021
புதுப்பிப்பு தேதி: 1 ஜூலை 2024
Anonim
HTML டுடோரியல் - எப்படி ஒரு சூப்பர் சிம்பிள் இணையதளத்தை உருவாக்குவது
காணொளி: HTML டுடோரியல் - எப்படி ஒரு சூப்பர் சிம்பிள் இணையதளத்தை உருவாக்குவது

உள்ளடக்கம்

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

படிகள்

4 இன் பகுதி 1: உங்கள் குறியீட்டைப் புரிந்து கொள்ளுங்கள்

  1. ஒவ்வொரு HTML இன் செயல்பாடுகளையும் அறிக. உங்கள் கணினியை உருவாக்க நீங்கள் பயன்படுத்தும் குறியீடு பல தொடரியல் துண்டுகளால் ஆனது. அவை ஒன்றிணைந்து ஆவணத்தின் பல்வேறு கூறுகளை உருவாக்குகின்றன. செயல்முறையைப் பற்றி உங்களை எவ்வாறு அறிவது என்பதை அறிய இங்கே கிளிக் செய்க, அல்லது நீங்கள் பயன்படுத்தும் குறியீட்டில் ஒவ்வொரு வரியின் வரியும் என்ன செய்கிறது என்பதைப் படிக்கவும்.
    • html: தொடரியல் இந்த பகுதி எந்த ஆவணத்தை பயன்படுத்த வேண்டும் என்பதை ஆவணத்தின் மீதமுள்ள பகுதிகளுக்கு சொல்கிறது. நிரலாக்கத்தில் பல மொழிகள் பயன்படுத்தப்படுகின்றன மற்றும் இது எழுதப்பட்டிருப்பதை மீதமுள்ள ஆவணத்திற்கு தெரியப்படுத்துங்கள் - அது சரியானது - html!
    • தலை: கீழேயுள்ள உள்ளடக்கம் தரவைப் பற்றிய தரவு, "மெட்டாடேட்டா" (மெட்டாடேட்டா) என்றும் அழைக்கப்படுகிறது. கமினந்த் தலைப்புகள், தலைப்புகள் போன்ற ஆவணத்தின் ஒரு ஸ்டைலிஸ்டிக் உறுப்பை வரையறுக்க பெரும்பாலும் பயன்படுத்தப்படுகிறது. இது குறியீட்டின் எஞ்சிய பகுதியை உள்ளடக்கிய ஒரு குடை என்று கருதலாம்.
    • தலைப்பு: உங்கள் ஆவணத்திற்கு நீங்கள் பெயரிடுவீர்கள். இந்த பண்பு HTML உலாவியில் திறக்கப்படும்போது ஆவணத்தின் தலைப்பை தீர்மானிக்கிறது.
    • உடல் bgcolor = "#": இந்த பண்புக்கூறு குறியீட்டின் பின்னணி மற்றும் உடல் நிறத்தைக் குறிப்பிடுகிறது. Html இல் ஒரு குறிப்பிட்ட வண்ணத்துடன் # அடையாளம் ஒத்த பிறகு மேற்கோள் குறிகளில் உள்ள எண்
    • உரை = "": மேற்கோள் குறிகளில் இணைக்கப்பட்டுள்ள சொல் ஆவணத்தில் உரை நிறத்தைக் குறிப்பிடுகிறது.
    • படிவத்தின் பெயர் = "": இந்த பண்பு படிவத்தின் பெயரைக் குறிப்பிடுகிறது. அதற்கு நன்றி, ஜாவாஸ்கிரிப்ட் கேள்விக்குரிய படிவம் என்ன என்பதை அடையாளம் கண்டு, படிவத்திலிருந்து கட்டமைக்கப்பட்ட கட்டமைப்பைப் பயன்படுத்தும். இங்கே, எடுத்துக்காட்டாக, நாங்கள் கால்குலேட்டர் படிவத்தைப் பயன்படுத்துகிறோம், அது ஆவணத்திற்கு ஒரு தனி கட்டமைப்பை உருவாக்கும்.
    • உள்ளீட்டு வகை = "": நடவடிக்கை நடைபெறுவது இங்குதான். "உள்ளீட்டு வகை" சொத்து ஆவணத்திற்கு மீதமுள்ள அடைப்புக்குறிக்குள் உள்ள மதிப்புகள் என்ன வகை என்பதைக் கூறுகின்றன. இது உரை, கடவுச்சொற்கள், பொத்தான்கள் (கணினிகளுக்கு) போன்றவை இருக்கலாம்.
    • மதிப்பு = "": இந்த கட்டளை மேலே குறிப்பிட்ட உள்ளீட்டு வகைகளில் உள்ளடக்கம் என்ன என்பதை ஆவணத்திற்கு சொல்கிறது. ஒரு கால்குலேட்டருடன், அது இலக்கங்கள் (1-9) மற்றும் கணிதம் (+, -, *, /, =) ஆகும்.
    • onClick = "": இந்த தொடரியல் ஒரு நிகழ்வை விவரிக்கிறது - யாரோ ஒரு பொத்தானை அழுத்தும்போது ஏதாவது நடக்கும் ஆவணத்தை சொல்கிறது. ஒரு கணினி மூலம், அழுத்தும் ஒவ்வொரு பொத்தானும் காட்டப்பட வேண்டும். எடுத்துக்காட்டாக, "6" பொத்தானைக் கொண்டு, மேற்கோள்களுக்கு இடையில் document.calculator.ans.value + = '6' ஐ வைப்போம்.
    • br: ஆவணத்தில் ஒரு வரியைத் திருப்ப இந்த குறிச்சொல் உங்களுக்கு உதவுகிறது. அதைப் பின்தொடரும் எந்தவொரு உள்ளடக்கமும் அதற்கு முந்தைய உள்ளடக்கத்திற்கு கீழே உள்ள வரியில் தோன்றும்.
    • / form, / body, மற்றும் / html: இந்த கட்டளைகள் இந்த கட்டத்தில் ஆவணத்தை சொல்கின்றன, முன்பு உருவாக்கப்பட்ட தொடர்புடைய கட்டளைகள் நிறுத்தப்படும்.
    விளம்பரம்

பகுதி 2 இன் 4: அடிப்படை HTML கணினி நிரலாக்க


  1. பின்வரும் குறியீட்டை நகலெடுக்கவும். பெட்டியின் மேல் இடது மூலையிலிருந்து கீழ் வலது மூலையில் பிடித்து இழுத்து கீழே உள்ள பெட்டியில் உள்ள உரையைத் தேர்ந்தெடுக்கவும். முழு உரையும் பச்சை நிறமாக மாறும். கிளிப்போர்டுக்கு குறியீட்டை நகலெடுக்க மேக்கில் "கட்டளை + சி" அல்லது கணினியில் "சி.டி.ஆர்.எல் + சி" ஐ அழுத்தவும். விளம்பரம்

4 இன் பகுதி 3: உங்கள் கணினியை உருவாக்கவும்


  1. கணினி அடிப்படையிலான உரை திருத்தியைத் திறக்கவும். உங்களுக்காக பல விருப்பங்கள் உள்ளன, ஆனால் வசதி மற்றும் தரத்திற்காக, TextEdit மற்றும் Notepad ஆகியவை பயன்படுத்த வேண்டிய இரண்டு பயன்பாடுகள்.
    • மேக்கில், ஸ்பாட்லைட்டைத் திறக்க திரையின் மேல் வலது மூலையில் உள்ள பூதக்கண்ணாடியைக் கிளிக் செய்க. ஸ்பாட்லைட்டில், TextEdit என தட்டச்சு செய்து நிரலைக் கிளிக் செய்க: இது பச்சை நிறத்தில் முன்னிலைப்படுத்தப்பட வேண்டும்.
    • உங்கள் கணினியில், திரையின் கீழ் இடது மூலையில் தொடக்க மெனுவைத் திறக்கவும். தேடல் பட்டியில் நோட்பேடை தட்டச்சு செய்து, முடிவுகள் பட்டியில் வலதுபுறம் தோன்றும் நோட்பேட் பயன்பாட்டைக் கிளிக் செய்க.

  2. கணினி உருவாக்கிய HTML குறியீட்டை ஆவணத்தில் ஒட்டவும்.
    • மேக்கில், ஆவணத்தின் உடலைக் கிளிக் செய்து அழுத்தவும் "கட்டளை + வி". அடுத்து, நீங்கள் உருப்படியைக் கிளிக் செய்ய வேண்டும் "வடிவம்" (வடிவம்) திரையின் மேற்புறத்தில் மற்றும் "எளிய உரையை உருவாக்கு" (வெற்று உரையை உருவாக்கவும்) ஒட்டிய பின்.
    • கணினியில், ஆவண உடலில் கிளிக் செய்து "Ctrl + V" ஐ அழுத்தவும்.
  3. கோப்பை சேமிக்கவும். சாளரத்தின் மேல் இடது மூலையில் உள்ள "கோப்பு" பொத்தானைக் கிளிக் செய்து கீழ்தோன்றும் மெனுவில் கிளிக் செய்க "இவ்வாறு சேமி ..." (இவ்வாறு சேமி) - கணினியில், அல்லது "சேமி ..." (சேமி) - மேக்கில்
  4. கோப்பு பெயருக்கான HTML நீட்டிப்பைச் சேர்க்கவும். "இவ்வாறு சேமி ..." மெனுவில், கோப்பு பெயரை ".html" நீட்டிப்புடன் தட்டச்சு செய்து, பின்னர் "சேமி" என்பதைக் கிளிக் செய்க. எடுத்துக்காட்டாக, கோப்பை முதல் கணினி என்று அழைக்க நீங்கள் "MayTinhDauTien.html" என சேமிப்பீர்கள்.

4 இன் பகுதி 4: உங்கள் கணினியைப் பயன்படுத்துதல்

  1. நீங்கள் இப்போது உருவாக்கிய கோப்பைக் கண்டறியவும். முந்தைய கட்டத்தில் காட்டப்பட்டுள்ளபடி கோப்பு பெயரை ஸ்பாட்லைட்டில் அல்லது தொடக்க மெனு தேடல் பட்டியில் உள்ளிடவும். நீங்கள் "html" நீட்டிப்பை உள்ளிட தேவையில்லை.
  2. கோப்பைத் திறக்க கிளிக் செய்க. இயல்புநிலை உலாவி ஒரு புதிய இணையதளத்தில் கணினியைத் திறக்கும்.
  3. அதைப் பயன்படுத்த கணினியில் உள்ள பொத்தான்களைக் கிளிக் செய்க. கணக்கீட்டு முடிவுகள் முடிவுகள் பட்டியில் தோன்றும். விளம்பரம்

ஆலோசனை

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