HTMLдеги текстти борборлоштуруу

Автор: Tamara Smith
Жаратылган Күнү: 28 Январь 2021
Жаңыртуу Күнү: 1 Июль 2024
Anonim
Как сделать томатную оранжерею на 3/3 струны. Кол, посади помидоры.
Видео: Как сделать томатную оранжерею на 3/3 струны. Кол, посади помидоры.

Мазмун

Бул wikiHow сизге HTML веб-сайтында текстти кантип борборлоштурууну үйрөтөт. Бул үчүн биз CSS (Каскаддык Стиль Таблицалары же стилдер барактары) колдонобуз. HTML колдонмосу аркылуу борбор>тэг, бирок бул көпчүлүк браузерлерде иштебей калды.

Басуу

1ден 2-ыкма: CSSти колдонуу

  1. Сиздин стилдериңизди сүрөттөгөн тексттик файлды ачыңыз. Азыр борбор>тэг мындан ары колдонулбайт, бул файлда текстти HTML документтин айрым жерлерине борборлоштуруучу жаңы элемент түзүңүз. Эгер сизде өзүнчө CSS файлы жок болсо, коддор HTML документинин жогору жагында "style>" жана "/ style>" тегдеринин ортосунда жайгашкан.
    • Катары style>- жана / style>Тэгдер азырынча жок, аларды түз эле астына койсоңуз болот дене>төмөнкүдөй жол менен белгилөө:
    • ! DOCTYPE html> html> body> style> / style>

  2. Текстти борборлоштуруучу класс түзүңүз. The div>тэг сиздин HTML документиңизге ушул класс кайсы бөлүмгө тиешелүү экендигин билдирет. Эки жолу чыкылдатып, "стиль" белгилеринин арасына төмөнкүнү териңиз . Кирүү биринчи саптан кийин:

      div.a {}

  3. Кошуу текст тегиздөөмүлк. Түрү текстке тегиздөө: борбор; -деги кашаа ортосундагы div.a-бөлүм. "Баш" эми мындай көрүнөт:

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

  4. Туурасын кошуңуз divборбордоштурууну каалаган текстке тэг коюңуз. Сиз муну div>бул тексттин үстүндө белгилөө жана аны менен жабуу / div>ушул тексттин астына тэг коюңуз. Мисалы, сиз аталышты жана анын астындагы абзацты ортого салгыңыз келсе, анда төмөнкүдөй көрүнөт:

      div> h1> Менин вебсайтыма кош келиңиз / h1> p> Бул веб-сайт негизинен нерселер жөнүндө маалымат берип турат. / p> / div>

  5. Колдонуу div.aбашка элементтердин ортосуна белгилөө. Башка элементтин ортосун борборлоштурууну кааласаңыз, мисалы, тегдер ортосундагы мазмун p> / p> жана h2> / h2>), сиз тересиз div> бул элемент үчүн жана / div> андан кийин. Сиз буга чейин "div.a" борборлоштурулган CSS коду катары аныктагандыктан, эми бул элементтер дагы борборлоштурулган.

      style> div.a {text-align: center; } / style> div> h2> Кайрымдуулук жардамы кабыл алынат / h2> p> please / p> / div>

  6. Документиңизди текшериңиз. Веб-сайтыңыздагы текст, албетте, башкача болсо дагы, ал төмөнкүдөй болушу керек:

      ! DOCTYPE html> html> body> style> div.a {text-align: center; } / 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> body> h1> center> Менин вебсайтыма кош келиңиз / center> / h1> center> Өзүңүз үчүн жеңилдетиңиз! / Center> p1> Бул веб-сайт негизинен нерселер жөнүндө маалымат берип турат. / P1> / body > / html>