கணினிகள்நிரலாக்க

தளங்கள் உருவாக்க HTML-கட்டளைகளை

HTML ஐ என்பதன் சுருக்கமாகும் நிற்கிறது ஒரு மீயுரைப் குறியீட்டு மொழியாக. HTML ஐ - ஒரு நிரலாக்க மொழி, அது இல்லை மார்க் தளத்தின் மொழி ஆகும்.

அனைத்து உலாவிகளில் இந்தச் மார்க் ஒரு வசதியான வடிவத்தில் மாற்ற முடியும்.

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

அடிப்படை HTML கட்டளைகளை

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

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

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

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

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

தலை மற்றும் உடல்: மற்ற அடிப்படை குறிச்சொற்களை உள்ளன.

இந்த பயன்படுத்தலாம் HTML-அணிகள் பக்கம் கட்டமைப்பை உள்ளன. அவர்கள் தேவைப்படுகின்றன. அவர்கள் மூடப்படும்.

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

சேவை பிரிவில் கூறுகிறது:

  • ஆவணத்தின் தலைப்பே;
  • பாணி கோப்புகளை;
  • ஸ்கிரிப்ட் கோப்புகளை;
  • மெட்டா குறிச்சொற்களை;
  • தேடுபொறிகள் வழிமுறைகளை;
  • ரோபோக்கள் வழிமுறைகளை;
  • புரோகிராமர்கள், ஆனால் பயனர்கள் பயன்படுத்த முடியும் என்று மற்ற எந்த தகவல்.

பாணி கோப்பு இங்கே சேர்க்கப்பட்டுள்ளது பின்வருமாறு:

<இணைப்பை ரெல் = "நடைதாளுடன்" படம் =: http: // தளத்தில் /article/256185/%E2%80%9Cstyle.css%E2%80%9D வகை = "உரை / CSS">

பின்வருமாறு ஸ்கிரிப்ட் கோப்பு:

<ஸ்கிரிப்ட் வகை = "உரை / JavaScript :" மூல = ஹெச்டிடிபி // தளத்தில் /article/256185/main.js '>

உரை தலைப்பு வேண்டும். இந்த வெளியே அவரது புள்ளி:

<தலைப்பு> தலைப்பு பக்கம்

இந்த உரை உலாவி தாவலை தலைப்பில் காட்டப்படும். மேலும், இந்த தலைப்பு ஒரு தேடுபொறி வழங்கல் விளைவாக பெறப்படுகிறது.

உரை வடிவமைப்புக்காக குறிச்சொற்கள்

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

உரை வரைய "வார்த்தை" என, போட்டி நிலவுகிறது:

  • <நான்> சாய்வு அதே
  • <வலுவான> தைரியமான உரை
  • <எஸ்> நடுக்கோடிடவில்லை உரை
  • அடிக்கோடிட்ட உரை

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

தலைப்பு பயன்படுத்தி

மற்ற முக்கிய HTML ஐ-கட்டளை உள்ளன. தலைப்புகளை அவசியம் வலைத்தளங்கள் உருவாக்க பயன்படுத்தப்பட்ட. அவர்கள் டேக்

முதல் நிலை தலைப்பு பயன்படுத்திக் குறிப்பிடப்படுகின்றன. அளவுகள் 1 6. இது தலைப்புகளாக காக்கப்பட்ட வேண்டும் என்று புரிந்து கொள்ள முக்கியமானது உள்ளன.

படம் எடுத்துக்காட்டாக.

அது ஒரே ஒரு H1 தலைப்பு பயன்படுத்த பரிந்துரைக்கப்படுகிறது என்பதை நினைவில் கொள்ளுங்கள். இந்த வழக்கில், அது டேக் <தலைப்பு> பொருந்த வேண்டும். நிச்சயமாக, நீங்கள் 200 தலைப்புகளை H1 குறிப்பிட முடியும், ஆனால் நீங்கள் தேடுபொறிகள் தண்டிக்கப்பட வேண்டும்.

படங்களை பயன்படுத்தி

படங்களை இணைய பக்கங்களை ஒரு ஒருங்கிணைந்த பகுதியாகும். உதாரணமாக அது எந்தப் படத்தையும் நுழைக்க முடியும் என்பதைக் காட்டுகிறது.

நீங்கள் பார்க்க முடியும் என, எடுத்துக்காட்டாக விபரம் எப்படி என்ன சொல்ல காட்டப்பட்டுள்ளது.

இணைப்புகள் பயன்படுத்தி

நீங்கள் HTML-கட்டளை பற்றித் தெரிந்தால், டேக்-விழிப்புணர்வு இணைப்புகள் நீங்கள் வெறுமனே வேண்டும். இந்த மிக முக்கியமான உறுப்புகள், இது ஒன்றாகும் உலகளாவிய வலை.

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

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

இணைப்புகளுக்கு நேரத் (நடுக்கோடிடவில்லை, சாய்ந்த, தடித்த அடிக்கோடு) பாங்குகள் வகுப்புகள் அல்லது வழக்கமான குறிச்சொற்களை பயன்படுத்தி வடிவமைக்கப்பட்டும் இருக்கும்.

அட்டவணைகள் பயன்படுத்தி

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

பின்வருமாறு அட்டவணை உருவாக்கப்பட்ட உள்ளது:

<டேபிளின் அகலத்தை = "100%" எல்லை = "1">

செல் உரை

செல் உரை

செல் உரை

செல் உரை

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

பின்வருமாறு அமைப்பு சுட்டிக்காட்டப்படுகிறது. Tr டேக் சரம் ஆகும். டேக் TD செல். மற்றும் அனைவரும் ஒன்றாக - ஒரு அட்டவணை.

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

இந்த பயன்படுத்தலாம் HTML-கட்டளை (அகலம் மற்றும் சீரமைப்பு) மற்ற உறுப்புகள் பொருத்தமானவை. பிரேம் தடிமன் படத்தை சுட்டிக்காட்டப்படுகிறது.

பட்டியல்கள் பயன்படுத்தி

HTML ஐ-கட்டளைகளை பயன்படுத்தி, நீங்கள் பட்டியல்கள் பல்வேறு வகையான உருவாக்க முடியும். கிட்டத்தட்ட சரியாக வார்த்தை அதே.

அங்கு மொழி உள்ள HTML உத்தரவிட்டார் மற்றும் வரிசையிலமையாத பட்டியல்கள் (புல்லட்). இதுபோன்ற பட்டியலுக்கு ஒரு எடுத்துக்காட்டு.

<உல்>

முதல்

இரண்டாவது

மூன்றாம்

விளைவாக இருக்கும்:

  • முதல்
  • இரண்டாவது
  • மூன்றாவது

வகை பட்டியலில்

HTML மொழிக்கான குறியீட்டை

ஒரு வட்டத்தின் வடிவத்தில்

<உல் வகை = "டிஸ்க்கில்">
<லி> ...

ஒரு வட்டத்தில்

<உல் வகை = "வட்டம்">
<லி> ...

சதுர குறிப்பான்கள் பற்றிய

<உல் வகை = "சதுர">
<லி> ...

உத்தரவிட்டார் பட்டியல்கள், அதே வழியில் உருவாக்கப்பட்ட பதிலாக அவை <உல்> இன், டேக் <; ol> பயன்படுத்த.

நீங்கள் வெளியீடு பட்டியலின் வகையைப் குறிப்பிட முடியும்:

  • "1" - அரபு எண்கள் 1, 2, 3 ...
  • "ஏ" - பேரெழுத்துகள் ஏ, பி, சி ...
  • "ஒரு" - குறைந்த எழுத்துகளைச் ஒரு, பி, சி ...
  • "நான்" - பெரிய ரோமன் எண்கள் I, II மூன்றாம் ...
  • "நான்" - சிறிய ரோமன் எண்கள் I, II, III ...

அரபு எண்கள் நிலையான வெளியீடு.

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

பாணியை பயன்படுத்தி

தளத்தில் HTML ஐ-கட்டளைகளை மிகவும் மாறுபடுகிறது, ஆனால் அவர்கள் அனைத்து பாணியை கீழ்ப்படிய. பாணியை தலை கீழ் ஒரு கோப்பில் குறிப்பிட முடியும்: <இணைப்பை ரெல் = "நடைதாளுடன்" படம் =: http: // தளத்தில் /article/256185/%E2%80%9Cstyle.css%E2%80%9D வகை = "உரை / CSS" > அல்லது ஏற்கனவே கட்டுவித்த பாணி பரிந்துரைப்பார்.

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

நீங்கள் HTML இல் 20 பக்கங்களை நீங்கள் தலைப்பு 2 பிக்சல்கள் மேலும் செய்ய முடிவு என்று கற்பனை செய்து பாருங்கள். நீங்கள் பாணி கோப்பில் எல்லாவற்றையும் வேண்டும் இல்லையென்றால் மட்டுமே அங்கு செய்ய வேண்டும் திருத்தலாம். அனைத்து தனித்தனியாக எனில், எல்லா 20 பக்கங்களையும் புதுப்பிப்போம் வேண்டும்.

பின்வருமாறு ஒரு ஒற்றை பக்கம் மட்டுமே சுட்டிக்காட்டுகின்றனர்.

இந்த முறை பரிந்துரைக்கப்படவில்லை.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ta.delachieve.com. Theme powered by WordPress.