HTML இல் மைய உரை

நூலாசிரியர்: Tamara Smith
உருவாக்கிய தேதி: 28 ஜனவரி 2021
புதுப்பிப்பு தேதி: 1 ஜூலை 2024
Anonim
html உரை சீரமைப்பு | இடது, மையம் & வலது | பானு பிரியா மூலம்
காணொளி: html உரை சீரமைப்பு | இடது, மையம் & வலது | பானு பிரியா மூலம்

உள்ளடக்கம்

இந்த விக்கிஹோ ஒரு HTML இணையதளத்தில் உரையை எவ்வாறு மையப்படுத்துவது என்பதை உங்களுக்குக் கற்பிக்கிறது. இதற்காக நாங்கள் CSS (அடுக்கு நடைத்தாள்கள் அல்லது நடை தாள்கள்) பயன்படுத்துகிறோம். நாங்கள் HTML இல் மையமாகப் பயன்படுத்தினோம் மையம்>குறிச்சொல், ஆனால் இது இனி பெரும்பாலான உலாவிகளில் இயங்காது.

அடியெடுத்து வைக்க

2 இன் முறை 1: CSS ஐப் பயன்படுத்துதல்

  1. உங்கள் பாணியை விவரிக்கும் உரை கோப்பைத் திறக்கவும். இப்போது தி மையம்>குறிச்சொல் இனி பயன்படுத்தப்படாது, இந்த கோப்பில் ஒரு புதிய உறுப்பை உருவாக்கவும், இது உங்கள் HTML ஆவணத்தின் சில பகுதிகளில் உரையை மையமாகக் கொண்டிருக்கும். உங்களிடம் தனி CSS கோப்பு இல்லையென்றால், குறியீடுகள் "நடை>" மற்றும் "/ நடை>" குறிச்சொற்களுக்கு இடையில் HTML ஆவணத்தின் மேலே உள்ளன.
    • என நடை>- மற்றும் / நடை>குறிச்சொற்கள் இன்னும் இல்லை, நீங்கள் அவற்றை நேரடியாக கீழ் வைக்கலாம் உடல்>பின்வரும் வழியில் குறிக்கவும்:
    • ! DOCTYPE html> html> உடல்> நடை> / நடை>

  2. உரையை மையமாகக் கொண்ட ஒரு வகுப்பை உருவாக்கவும். தி div>குறிச்சொல் உங்கள் HTML ஆவணத்தை இந்த வகுப்பு எந்த குறிப்பிட்ட பிரிவுக்குச் சொல்கிறது. "ஸ்டைல்" குறிச்சொற்களுக்கு இடையில் பின்வருவதைத் தட்டச்சு செய்து, இரண்டு முறை கிளிக் செய்வதை உறுதிசெய்க உள்ளிடவும் முதல் வரிக்குப் பிறகு:

      div.a {}

  3. சேர்க்கவும் உரை-சீரமைசொத்து. வகை உரை-சீரமை: மையம்; இல் உள்ள பிரேஸ்களுக்கு இடையில் div.a.-பிரிவு. "தலைப்பு" இப்போது இதுபோல் தெரிகிறது:

      ! DOCTYPE html> html> body> style> div.a {text-align: center; style / style>

  4. சரியான ஒன்றைச் சேர்க்கவும் divநீங்கள் மையப்படுத்த விரும்பும் உரைக்கு குறிக்கவும். நீங்கள் இதை செய்கிறீர்கள் div>இந்த உரைக்கு மேலே குறிக்கவும், அதை a உடன் மூடவும் / div>இந்த உரைக்கு கீழே குறிக்கவும். எடுத்துக்காட்டாக, நீங்கள் ஒரு தலைப்பையும் அதன் கீழே உள்ள பத்தியையும் மையப்படுத்த விரும்பினால், இது போல் தெரிகிறது:

      div> h1> எனது வலைத்தளத்திற்கு வருக </ h1> p> இந்த வலைத்தளம் முக்கியமாக விஷயங்களைப் பற்றிய தகவல்களை வழங்குவதாகும். </ p> / div>

  5. பயன்படுத்த div.a.பிற உறுப்புகளை மையமாகக் குறிக்கவும். குறிச்சொற்களுக்கு இடையிலான உள்ளடக்கம் போன்ற மற்றொரு உறுப்பை நீங்கள் மையப்படுத்த விரும்பும்போது p> / ப> மற்றும் h2> / h2>), நீங்கள் தட்டச்சு செய்க div> இந்த உறுப்புக்கு மற்றும் / div> பின்னர். நீங்கள் ஏற்கனவே "div.a" ஐ மையப்படுத்தும் CSS குறியீடாக வரையறுத்துள்ளதால், இந்த கூறுகளும் இப்போது மையமாக உள்ளன.

      style> div.a {text-align: center; style / style> div> h2> நன்கொடைகள் வரவேற்கப்படுகின்றன </ h2> p> தயவுசெய்து </ p> / div>

  6. உங்கள் ஆவணத்தை சரிபார்க்கவும். உங்கள் வலைப்பக்கத்தில் உள்ள உரை நிச்சயமாக வேறுபட்டது என்றாலும், இது இதுபோன்றதாக இருக்க வேண்டும்:

      ! DOCTYPE html> html> body> style> div.a {text-align: center; website / style> div> h1> எனது வலைத்தளத்திற்கு வருக </ h1> p> இந்த வலைத்தளம் முக்கியமாக விஷயங்களைப் பற்றிய தகவல்களை வழங்குவதற்காக. / p> / div> div> h2> நன்கொடைகள் வரவேற்கப்படுகின்றன / h2> p> தயவுசெய்து / p> / div> / body> / html>

முறை 2 இன் 2: HTML இல் "மையம்" குறிச்சொல்லைப் பயன்படுத்துதல்

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

      center> h1> எனது வலைத்தளத்திற்கு வருக </ h1> / center> center> உங்களை வசதியாக ஆக்குங்கள்! / center>

  4. உங்கள் HTML ஆவணத்தை சரிபார்க்கவும். இது இப்படி இருக்க வேண்டும்:

      ! DOCTYPE HTML> HTML> உடல்> H1> மையம்> என் வலைத்தளத்தில் வரவேற்கிறோம் / சென்டர்> / H1> மையம்> நீங்களே எளிதாக ஷாப்! / மையம்> பி 1> இந்த வலைத்தளம் things./p1 பற்றிய தகவல்களை வழங்க முக்கியமாக உள்ளது> / உடல் > / html>