Овај приручник ће вас научити процедури да направите размак између две везе.
Хајде да почнемо!
Како дати простор између две везе у ХТМЛ-у и ЦСС-у?
Да бисте дали размак између две везе, пре свега додајте потребне везе у ХТМЛ датотеку.
Корак 1: Додајте везе у ХТМЛ
У ХТМЛ-у ћемо креирати контејнер помоћу ознаке <див> и две везе уз помоћ ознаке <а>. Овде се користи референца на хипервезу да би се дала адреса сајта и да би се обезбедила потребна хипервеза. Поред адресе, наведите име везе јер се веза не појављује на веб локацији. Приказаће само име или натпис који смо доделили.
ХТМЛ
< див >< а хреф = “11Ф038667АЕА9Е856641995514Е7АЦ7Б316А7ЕЦ6” > Како направити ХТМЛ датотеку? < / а >
< а хреф = “201ФЕБ5ЦЕ178А27Ф8Д110Д620БЕ3Д748Е8Ф2Ф1ЕБ” > Како уредити ХТМЛ датотеку? < / а >
< / див >
Следећа слика показује да су везе успешно додате:
Корак 2: Стилизирајте Див & Линк
У овом кораку стилизујте див и везу користећи „ див ” у ЦСС-у. Подесите допуну на „ 40пк ” и подесите величину фонта линкова као „ већи “, висина див је постављена као „ 150пк ” и користите својство позадине и подесите боју див као „ црн ”. Након тога, подесите ширину ивице као „ 5пк ”, стилизован као „ испрекидана “ и боји као “ ргб(251, 255, 0) ”.
ЦСС
див {паддинг : 40пк ;
фонт-сизе : већи ;
висина : 150пк ;
позадини : црн ;
граница : 5пк испрекидана ргб ( 251 , 255 , 0 ) ;
}
Користећи горњи код, добија се следећи излаз. Као што видите, и див и везе су стилизоване:
Корак 3: Оставите простор између две везе хоризонтално
Можемо дати размак између две везе хоризонтално користећи ХТМЛ и ЦСС. Овде ћемо објаснити обе методе један по један.
Метод 1: Коришћење ХТМЛ-а
Да бисте дали размак између веза без писања спољног ЦСС-а, можете користити „ &нбсп ” у ХТМЛ-у где желите да направите простор. “ &нбсп ” означава простор без прекида. У ХТМЛ датотеци додавање једног &нбсп значи један размак. Ако желите да дате више простора, није пожељно ручно додати &нбсп према потребном броју размака.
Пређимо на пример да бисмо разумели наведени концепт!
Пример
Овде ћемо писати четири пута „ &нбсп ” да направите размак после прве везе на начин да ће се друга веза појавити после четири размака.
ХТМЛ
< див >< а хреф = “11Ф038667АЕА9Е856641995514Е7АЦ7Б316А7ЕЦ6” > Како направити ХТМЛ датотеку? < / а > &нбсп &нбсп &нбсп &нбсп
<а хреф='201ФЕБ5ЦЕ178А27Ф8Д110Д620БЕ3Д748Е8Ф2Ф1ЕБ'>Како уредити ХТМЛ датотеку?
Као што видите, простор је креиран на десној страни прве везе:
Метод 2: Коришћење ЦСС-а
У ЦСС-у ћемо користити „ маргин-десно ” својство за давање простора између две везе. „ маргин-десно ” својство се користи за додавање простора са десне стране елемента. Такође можете поставити негативне вредности за то.
Синтакса
Синтакса својства маргин-ригхт је дата у наставку:
маргин-десно : вредностНа месту „ вредност “, поставите маргину са десне стране елемента. Наставимо пример.
Пример
Овде ћемо користити „ а ” да бисте приступили линку који смо направили у ХТМЛ-у. Затим поставите вредност својства маргин-ригхт као „ 50пк ”:
а {маргин-десно : 50пк ;
}
Простор се креира са десне стране прве везе, што се може видети испод:
Корак 4: Оставите простор између две везе вертикално
Да бисте дали вертикални простор између две везе, прво поравнајте везе у вертикалном облику. Ово ће се урадити коришћењем „ блокирати ' вредност ' приказ ” својство, а затим помоћу „ Висина линија ” својство за давање простора између две линије везе.
Пример:
Овде ћемо поставити вредност својства приказа као „ блокирати ” да бисте вертикално поравнали везе. Затим дајте размак између две везе тако што ћете поставити вредност својства висине линије као „ 80пк ”:
а {приказ : блокирати ;
Висина линија : 80пк ;
}
Као што видите, простор се креира помоћу својства висине линије:
То је то! Објаснили смо метод давања простора између две везе у ХТМЛ и ЦСС.
Закључак
„ &нбсп ”, “ маргин-десно ', и ' Висина линија ” својства ЦСС-а се користе да дају хоризонтални и вертикални простор између две везе. Користећи ово, можете подесити простор са десне и леве стране веза. У овом чланку смо објаснили процедуру за давање простора између две везе користећи две различите методе и навели повезане примере.