HTML-дегі мәтіннің түсін қалай өзгертуге болады

Мәтіннің түсін қалай өзгерту керектігін түсіну үшін HTML-дегі мәтінді қалай өзгерту керек, мәтін өрісінің атрибуттарының тізімін қарау жеткілікті. Олардың ішінде кілт сөз мәнерінің ішінде көрсетілген тегтердің деректеріне енгізілген мәтін стилін анықтайтын бірнеше мән бар.Мәтін түсін бірнеше жолмен өзгертуге болады.

Қаріп таға қолдану

Қаріп тегі мәтіннің, өлшемнің және қаріптің түсін өзгертетін 3 төлсипаттар бар. Жалпы формула келесідей:

<Font colour = «Түс» беті = «қаріп» өлшемі = «өлшемі»> Мәтін </ font> 

Жеке пішімдеу жағдайлары келесідей:

  • Біз мәтінді <қаріп өлшемін = «» - 2 «> Төмендетілген мәтін 2 бірлікке ауыстырамыз </ font>
  • Мәтінді көбейту <font size = «+ 2»> Мәтінді 2 бірлікке қарай </ font> үлкейту
  •  Мәтіннің түсін өзгертіңіз <қаріптің түсі = «Қызыл»> Қызыл мәтін </ font> немесе <қаріптер түсі = «# FF0000»> Қызыл мәтін </ font>
  • Мәтіннің өлшемі мен түсін өзгертіңіз <қаріп Color = «Red» өлшемі = «+ 3»> Қызыл мәтін </ font>
  • Қаріпті өзгерту <font face = «Monotype Corsiva»> Мәтін </ font>

Түсті өзгерту үшін сіз HTML кестесіне пайдалы боласыз

SPAN тегін пайдалану

Бұл әдіс артықшылыққа ие, өйткені ол көптеген жағдайларда және қай жерде жұмыс істейді қаріп Ол дәрменсіз болып шығады.

  • Мәтін өлшемін өзгертуге болады: <span syster = «Қаріптер өлшемі: 25px;»> Мәтін </ span> Сіздің мәтініңіз
  • Мәтіннің түсін өзгертіңіз <span syster = «түсі:« Түсі: көк; »> Мәтін </ span> Сіздің мәтініңіз
  • Қаріпті өзгерту: <span syster = «Шрифт-бетті: монотип корольді;»> Сіздің мәтініңіз </ span> Сіздің мәтініңіз
  • Бір уақытта қаріп, түс және мәтін өлшемін өзгерту: <span systry = «шрифт-отбасы; Сіздің мәтініңіз
  1. Қаріпті алу үшін HTML қаріптерін қолданыңыз
  2. Түстерді таңдау үшін - HTML түс кестесі

Стильдер арқылы CSS арқылы.

Мәтінді пішімдеудің ең жақсы тәсілі - CSS стильдерін қолдану. «Мәтін» стильдерінің мысалдары:

<Html> 

<Басы> <Стиль> P {

Түсі: # CCC000;

} қаріп .PRIMCCSS { Түсі: қызыл } </ Syter> </ Head> <Дене> <P> CSS-тегі параграф тестінің түсін өзгерту мысалы </ p> <Дене> <p сыныбы = «Primcss»> CSS CSS </ p> көмегімен мәтіннің түсін өзгерту мысалы

</ Дене>

  • </ html> Біз не аламыз: <Дене> CSS-тегі параграф тестінің түсін өзгерту мысалы Түсі: қызыл CSS көмегімен мәтіннің түсін өзгерту мысалы <Дене> Мәтіннің түсін HTML-де қалай өзгертуге болады?
  • HTML мәтінінің түсі тегтің көмегімен өзгеруде , Бірақ Б. <Дене> HTML5. Бұл әдіс фондық түсін орнатуға қолдау көрсетілмейді. HTML.
  • Көрсетілген тегтің орнына әртүрлі беттер элементтері үшін пайдалану керек CSS.
  • . Қолдану Бұл веб-беттің кез-келген шолғышпен үйлесімді болуын қамтамасыз етеді. 1-әдіс: CSS көмегімен HTML мәтінінің түсін қалай өзгертуге болады HTML файлын ашыңыз
. Мәтіннің түсін өзгертудің ең жақсы тәсілі - артықшылықты пайдалану 
  • . TAG <Font> Қолдау көрсетілмейді . Сондықтан пайдалану
Бет элементтерінің стилін анықтау үшін. 
  • Бұл әдіс сонымен қатар сыртқы стильдермен жұмыс істейді ( Жеке файлдар </ Syter> ). Келесі мысалдар арналмаған HTML файлы. Ішкі стильдегі кестемен:
Жүгіргіні тег ішіне салыңыз 
  • <Head>. Стильдер ішкі стиль кестесі қолданылған кезде осы тег ішінде анықталған: Кіру <Стиль> Ішкі стиль кестесін құру . <Head> тегінде <head> болған кезде, мәнерлер кестесі кез-келген бет элементтеріне қолданылады. HTML-де өң түсін жасамас бұрын, оның белгілері келесідей болуы керек: , <! Doctype html> <html> <head> <syter> </ syste> </ head> Түсті өзгерту керек элементті енгізіңіз . Бет элементтерінің көрінісін анықтау үшін <Стиль> Бөлімді пайдаланыңыз. Мысалы, беттегі барлық мәтіннің мәнерін өзгерту үшін мынаны енгізіңіз: :
<! Doctype html> <html> <head> <syter> Дене {} </ syste> </ head> 
  • Элементті таңдауда, түс төлсипатын енгізіңіз: . Бұл сипат таңдалған элементтің мәтінінің түсін анықтайды. Әрқайсысына </ Syter> Мәтін фонының түсі меншіктікке сәйкес келеді
фондық түс. 
  • . Біздің мысалда, бұл төлсипат негізгі мәтіннің түсін өзгертеді, ол бетте бүкіл мәтінді қамтитын элемент болып табылады: <! Doctype html> <html> <head> <syter> Дене {Түс:} </ Стиль> </ head> </ Syter> Мәтіннің түсін енгізіңіз . Мұны үш жолмен жасауға болады: Атын, он алтылық мәнді немесе мәнді енгізіңіз RGB.
. Мысалы, мәтінді көк етіп, енгізіңіз 

Көк

  • </ html> RGB (0, 0, 255) </ Syter> немесе
  • # 0000FF. <! Html> <html> <head> <syter> Дене {Түс: қызыл;} </ Стиль> </ head>
Әр түрлі элементтердің түсін өзгерту үшін басқа селекторды қосыңыз 
  • . Мәтіннің түсін беттің әртүрлі элементтерінен өзгерту немесе Түстер мәтінінің фонында сіз әртүрлі селекторларды пайдалана аласыз: <! Html> <html> <html> <vide> Дене {Түсі: {Түс:} H1 {Түс:} {Түс:} p {Түс:} p {Түс:} p {color: rgb (0,0,255)} </ syter> </ head> </ </ <дене > <H1> Бұл атау жасыл болады. </ H1> <p> Бұл абзац көк болады. </ P> Бұл негізгі мәтін қызыл болады. </ H het> </ html> </ h html> :
Элементті өзгертудің орнына стилист класын көрсетіңіз 
  • . Түс фонын ішке дейін Немесе элементтің мәнерін өзгерту, сіз стиль класын көрсете аласыз, содан кейін оны кез-келген беттің элементіне қолданыңыз. Мысалы, сынып
.RedText. 
  • <Head>. Стильдер ішкі стиль кестесі қолданылған кезде осы тег ішінде анықталған: Қызыл түсіндегі түсті мәтін элементі: <Стиль> <! Html> <html> <html> <vide>. .RredText {color} </ syt} </ syter> </ head> <h1 class = «redText»> Қызылша қызыл </ h1> болады <P> Осы абзац стандартты болады. </ P> <p class = «RedText»> Бұл абзац қызыл </ p> </ b / </ html> </ html> болады. 2-әдіс: Енгізілген стиль атрибуттарының көмегімен HTML мәтінінің түсін өзгертіңіз , . Бір беттің элементі немесе фонының мәнерін өзгерту Түсті өзгерту керек элементті енгізіңіз Енгізілген мәнер атрибуттарын пайдалануға болады. Егер сізге бір немесе екі өзгерістер енгізу қажет болса, бұл пайдалы болуы мүмкін, бірақ ауқымды қосымшалар үшін ұсынылмайды. Стильді толығымен өзгерту үшін алдыңғы әдісті қолданыңыз: :
Өзгерту үшін затты табыңыз 

. Енгізілген мәнер атрибуттарын пайдалану арқылы кез-келген бет элементінің мәтін түсін өзгертуге болады. Мысалы, белгілі бір тақырып мәтінінің түсін өзгерту үшін оны файлдан табыңыз: <! Doctype html> <html> <hit> <h1> Бұл тақырыпты </ h1> </ </ bode> </ html> ауыстыру керек. Элементке мәнерлер төлсипатын қосыңыз

 

. Айнымалы элементтің ашылу тегінде енгізіңіз

Стиль = »»

<! Html> <html> <html> <html> <h1 style = «»> Бұл тақырыпты </ h1> </ bo-6 </ html> ауыстыру керек.

  1. «» Ішіндегі «» түсіне кіріңіз: немесе HTML фоны
  2. . Мысалға:
  3. <! Html> <html> <html> <html> <h1 style = «Түс:»> Бұл тақырыпты </ h1> </ bod oper your> </ html> ауыстыру керек.
  4. . Мұны үш жолмен жасауға болады: аты, он алтылық немесе мәнді енгізіңіз

. Мысалы, мәтінді сарыға айналдыру үшін, енгізіңіз

Сары; RGB (255,255.0); # Ffff00.

<! Html> <html> <html> <h1 syter = «Түс: # FFFF00;»> Бұл тақырып сарыға айналды </ h1> </ h1 / html> </ html> </ html> Бұл жарияланым мақаланың аудармасы « HTML-де мәтін түсін қалай өзгертуге болады

«, Жобаның редакторлары дайындаған.

Мәтіннің түсін өзгерту үшін, Word Style = '' сөзінің ішіндегі мәтін өрісінің таңдалған бөлімінде жеткілікті. Осы төлсипаттың ішінде сіз әр түрлі параметр мәндерін көрсете аласыз - мәтіннің түсті реңін өзгерту үшін түс атрибутының мәніне сәйкес келеді. Осы параметрді көрсету арқылы, қос нүкте белгісінен кейін сіз осы өрістің барлық таңбалар боялғанын көрсетуіңіз керек. Сонымен қатар, көлеңкесін анықтай отырып, сіз ашық түс мәнін, мысалы, қызыл немесе сары және оның алтылық мәні немесе RGB көрсете аласыз.

Жаңартылды: 03/28/2021 Автор: Ғаламшар табысы

Сізге «Табыс планетасы» туралы сәлем! Мен бірден сұрақтан бастаймын. Сіз өзіңіздің блогыңыздағы мақалаларда мәтіннің белгілі бір жерлеріндегі қаріптің түсін өзгерту туралы ниетіңіз болды ма? Мен бұған сенімдімін! Біз мұны бүгін жасаймыз.

Алдыңғы қолдар html мәтіндік орналасуы: HTML редакторы Notepad ++ HTML тегтері Бір рет басу арқылы мәтінге арналған HTML тегтері Мәтін үшін HTML кеңістігі және қызыл жол Бұл жарияланым мақаланың аудармасы « HTML тегтерінің кестесі: TD, TR, кесте, Мәтін үшін Мәтінге арналған HTML тегтері: майлы шрифт, круиздік шрифт және мәтіннің астынғы HTML мәтіні Стиль атрибуты арқылы өзгертілген Html tasibut

Таңдалған түс анықтамасының әдісіне қарамастан, нәтиже көлеңкеден бірдей таңдау кезінде бірдей болады. Осылайша, келесі үш мысал келесі мәтінді өзгерте алады - оны сары түске бояйды.

Стиль.

Кез-келген тегтермен үйлесімді: <p> тармағы; қаріп <em>; Қалың шрифт <мықты>; астын сызу <u>; Белгіленген <ul> және нөмірленген <ol> тізімдері және олардың компоненттері <li>; Кестелер <Кесте> және компоненттер <тр> және <td>. Бірақ атрибут Стиль. Мәтіннің мәтінін өзгерту үшін HTML түс кодтарын білуіміз керек, және бұл бізге 9 түрлі түсті реңктері бар арнайы HTML түстер кестесімен көмектеседі.

Осы кесте сайтына кіріңіз, егер сіз өзіңіздің блогыңыздағы мәтіннің түсін өзгерткіңіз келсе, осы кесте сайтына кіріңіз және дербес шолғыштың бетбелгілерінде болыңыз.

Кез-келген тегтермен үйлесімді: <p> тармағы; қаріп <em>; Қалың шрифт <мықты>; астын сызу <u>; Белгіленген <ul> және нөмірленген <ol> тізімдері және олардың компоненттері <li>; Кестелер <Кесте> және компоненттер <тр> және <td>. Енді жасап, өмір сүрейік. Параграфтан бастайық, біз стандартты қара түсте көргіміз келмейді. Балқытыңыз.

Параграфтың мәтінінің түсін өзгерту <p>

Параграфтың ашық тегінде

<p>

Біз төлсипат саламыз

және HTML бізге қажет түстердің коды Түс:

# FF0000.

(Мен қызыл - қызыл таңдадым). Мұны істеу үшін, colorscheme.ru сайтына өтіп, қажетті түс кодын көшіріңіз:

Енді біз мәтін түсінің өзгерістерінің атрибуты жинап, абзацты ашық тегке енгіземіз:

<p ster = «Түс: # FF0000»>

(тырнақша осы түр сияқты болуы керек -

«»

Әйтпесе, түс өзгермейді)

  • Саматамның өзі:
  • Сонымен, біз «санаттар» секциясы болып қала бердік. Әдепкі бойынша, сайтта ол әдеттегі тізімге ұқсайды. Бұл не істеуге болады және қалай тақырып жасауға болады, осылайша олар келушілердің көзіне жағымды болды, сондықтан олар осы бөлімді байқады, олар бланкілерде және мақалаларда жүрді, бұл блогта аздап жүреді? </ P>
  • Блогқа не қарайтын нәрсеге қараймыз:
  • Сонымен, біз «санаттар» секциясы болып қала бердік. Әдепкі бойынша, сайтта ол әдеттегі тізімге ұқсайды. Бұл не істеуге және қалай таууға болады, осылайша олар келушілердің көзіне жағымды болды, сондықтан олар осы бөлімді байқады, олар осы бөлімді байқады, айдардан және мақалалардан өтіп, блогта жүреді ме?
  • <Ul> және <ul> тізімдерінің түсін өзгерту
  • Сондай-ақ, біз, мысалы, таңбаланған тізім, қажетті түстер коды сонымен қатар HTML түстерінің кестесінде болады:
  • <Ul Style = «Түсі: # DC143C»>

<li> Әлеуметтік желілердегі әкімші </ li>

<li> контекстік жарнама жөніндегі маман </ li> <li> дизайн және фотошоп </ li> <li> копирайтинг </ li>

<li> видео орнату </ li> <li> Сайтты ұнатады </ li>

<li> Вконтакте жылжыту жөніндегі маман </ li> </ ul> Сайт осы формада болады:

Әлеуметтік желілер әкімшісі Мәтінмәндік жарнама маманы

Дизайн және фотошоп. Кеттеп жазу

 

Бейнені өңдеу Шкафтар сайттары

Вконтакте жылжыту жөніндегі маман Ал нөмірленген тізім мысалында сіз жолдардың түстерін өзгертесіз:

<OL>

  1. Саматамның өзі:
  2. Сонымен, біз «санаттар» секциясы болып қала бердік. Әдепкі бойынша, сайтта ол әдеттегі тізімге ұқсайды. Бұл не істеуге болады және қалай тақырып жасауға болады, осылайша олар келушілердің көзіне жағымды болды, сондықтан олар осы бөлімді байқады, олар бланкілерде және мақалаларда жүрді, бұл блогта аздап жүреді? </ P>
  3. Блогқа не қарайтын нәрсеге қараймыз:
  4. Сонымен, біз «санаттар» секциясы болып қала бердік. Әдепкі бойынша, сайтта ол әдеттегі тізімге ұқсайды. Бұл не істеуге және қалай таууға болады, осылайша олар келушілердің көзіне жағымды болды, сондықтан олар осы бөлімді байқады, олар осы бөлімді байқады, айдардан және мақалалардан өтіп, блогта жүреді ме?
  5. <Li style = «Түсі: # 8B0000»>
  6. Сондай-ақ, біз, мысалы, таңбаланған тізім, қажетті түстер коды сонымен қатар HTML түстерінің кестесінде болады:
  7. <Ul Style = «Түсі: # DC143C»>

Әлеуметтік желілердегі әкімші </ li>

<Li style = «Түсі: # 006400»>

Мәтінмәндік жарнама жөніндегі маман </ li> <Li style = «Түс: # C71585»

> Дизайн және фотошоп </ li>

<Li style = «Түсі: # FFD700»>

Копирайтинг </ li>

<Li style = «Түсі: # FF4500»>

Бейнені орнату </ li>

<Li style = «Түсі: # 191970»>

LOAF сайты </ li>

<Li style = «Түсі: # 8B4513»>

Вконтакте жылжыту бойынша маман </ li> </ ol>

Сайт тізімінде келесідей көрсетіледі: Бейне монтаждау Мәтін кестесінің түсін өзгерту <Кесте>
Кесте бүкіл кесте мәтінінің түсін өзгертіңіз: <Кесте мәнері = «Түс: # FF0000»> <Tr> <td> ұяшығы 1 </ td>
<Td> ұяшығы 2 </ td> <Td> ұяшығы 3 </ td> </ t> <tr> <td> ұяшығы 4 </ td>

<Td> ұяшығы 5 </ td>

<Td> ұяшығы 6 </ td> </ t> <tr> <td> ұяшығын 7 </ td> <Td> ұяшығы 8 </ td>

> Дизайн және фотошоп </ li>

<Li style = «Түсі: # FFD700»>

<Td> ұяшықтары 9 </ td> </ t> </ tr> </ кестенің> Блогта біз осы формада кестеге ие боламыз:

<Li style = «Түсі: # FF4500»>

Бейнені орнату </ li>

1 ұяшық. Жасуша 2.

LOAF сайты </ li>

<Li style = «Түсі: # 8B4513»>

3 ұяшық.

Сайт тізімінде келесідей көрсетіледі: Бейне монтаждау Мәтін кестесінің түсін өзгерту <Кесте>
Кесте бүкіл кесте мәтінінің түсін өзгертіңіз: <Кесте мәнері = «Түс: # FF0000»> <Tr> <td> ұяшығы 1 </ td>
<Td> ұяшығы 2 </ td> <Td> ұяшығы 3 </ td> </ t> <tr> <td> ұяшығы 4 </ td>

4 ұяшық.

5 ұяшық. 6 жасуша. Ұяшық 7.

<8 жасуша. 9 жасуша.

<Енді мен мәтін жолының түсін өзгертемін: <Кесте>

<Tr sylect = «Түсі: # FF0000»>

Сайт тізімінде келесідей көрсетіледі: Бейне монтаждау Мәтін кестесінің түсін өзгерту <Кесте>

<Td> ұяшығы 1 </ td>

<Tr sylect = «Түсі: # FFA500»>

<Td> ұяшықтары 4 </ td>

1. <H1 Style = «түс: сары;»> мәтін </ h1> мәтіні

<Tr Sylect = «Түсі: # 191970»>

   

<Td> ұяшығы 7 </ td>

Біз сайтта осындай кестені көреміз:

Әр ұяшықта кестеде сіз мәтіннің түсін өзгерте аласыз:

<Table> <tr> <

3. <H1 Style = «Түсі: RGB (255,255.0);«> мәтін </ h1>

TD Style = «Түсі: # FF0000»>

1 </ td> ұяшығын

TD Style = «Түсі: # FFA500»>

2 </ td> ұяшығын

TD Style = «Түсі: # 191970»>

3 </ td> </ t> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr> </ tr

CSS көмегімен түс өзгереді

Блогта біз осы нұсқада көреміз:

Дәл осындай принципке сәйкес, мәтіннің түсі майдың түсі, қиылысу шрифті және мәтіннің астыңғы сызықтары өзгереді.

Мәтіннің түсін өзгерту үшін стиль төлсипатын қолданыңыз, олар сіздің жарияланымдарыңыздағы мәтіннің түсін өзгерту, ол шынымен қажет.

Сізге сәттілік және жаңа кездесулер!

Сілтемелер:

Веб-бетті құру кезінде сіз әртүрлі дизайн мәселелерімен айналысуыңыз керек. Бір жалпы сұрақ - мәтіннің түсін қалай өзгерту керек. HTML-дегі мәтінді қалай өзгерту керек. Мұны шешу жеткілікті, ал екі түрлі жол бар.

Енгізілген мәтіндік стиль атрибутын орнату

Добавить комментарий