Jak wykonać klikalny link połączeń za pomocą HTML

Kliknij link do połączenia jest zwykle wykorzystywany przez strony internetowe oparte na usługach. Za pomocą tego elementu HTML użytkownicy nie mogą marnować czasu, pisząc numer telefonu na swoich telefonach ze strony internetowej. Muszą tylko kliknąć link i zadzwonić do usługi. Mówiąc dokładniej, można wykorzystać znacznik HTML z atrybutem HREF = Tel, aby wykonać link do połączenia klikalnego.

Niniejszy podręcznik zapewni procedurę tworzenia klikalnego linku połączeń w HTML.

Jak wykonać klikalny link połączeń za pomocą HTML?

W HTML najpierw dodaj element z klasą atrybutu „połączenie telefoniczne". Następnie, wewnątrz tego elementu DIV, dodaj tag, aby wstawić numer telefonu. W takim scenariuszu atrybut Href określa link połączenia. Ten link jest tworzony przez dodanie słowa kluczowego, dwukropek i liczby w odwróconych przecinkach, jak podano w poniższym bloku kodu.

Html

Zadzwoń do nas

Podając powyższy kod HTML, przeglądarka wyświetla następujący wynik:

Z powyższego GIF można zobaczyć, że link do połączenia klikalnego został pomyślnie utworzony.

Jak zastosować style CSS, aby kliknąć link do połączenia?

W tej sekcji właściwości CSS zostaną zastosowane do dodanych elementów HTML.

Element ciała stylu

ciało
kolor tła: #CD104D;

Element ciała HTML jest stosowany z „kolor tła" Jak "#CD104D".

Style telefoniczny div

.połączenie telefoniczne
Text-Align: Center;
Margines: 100px auto;

Zastosuj style do telefonicznej div z właściwościami CSS w następujący sposób:

• • "tekst-align„Własność zapewnia dostosowanie do tekstu DIV.
  • "margines”Właściwość jest ustawiona o wartości 100px auto, gdzie pierwsza wartość określa miejsce u góry i dołu, a druga wartość określa równe miejsce po lewej i prawej stronie elementu.

Styl „A” tag telefonicznej div

.telefon A
Kolor: RGB (250, 245, 231);
kolor tła: #FD841F;
Wyściółka: 25px;
RADIUS BRAVES: 10px;
Dekoracja tekstu: Brak;
Rozmiar czcionki: 24px;
Font-Family: Verdana, Genewa, Tahoma, Sans-Serif;

Znacznik kotwicy używany w połączeniu telefonicznym DIV jest stosowany z właściwościami CSS, które zostały wyjaśnione poniżej:

• • "kolor„Właściwość określa kolor czcionki.
  • "kolor tła„Właściwość stosuje kolor do tła elementu.
  • "wyściółka„Właściwość określa przestrzeń wokół treści elementu.
  • "Radiusz graniczny„Właściwość sprawia, że ​​krawędzie elementu jest okrągłe.
  • "dekoracja tekstu„Właściwość jest ustawiona z wartością brak, aby usunąć podkreślenie przycisku.
  • "rozmiar czcionki„Własność jest wykorzystywana do ustawienia rozmiaru czcionki.
  • "rodzina czcionek”Jest ustawiony na wartości Verdana, Genewa, Tahoma, bez-serif. Ta lista jest dostarczana, aby upewnić się, czy przeglądarka nie obsługuje pierwszej, druga zostanie zastosowana.

Zapisz wyżej wymieniony kod i otwórz go w przeglądarce. Ekran wyjściowy będzie wyglądał tak:

W ten sposób możemy stworzyć link do połączenia przy użyciu HTML.

Wniosek

Aby wykonać link do klikalnego połączenia, można zastosować znacznik HTML, w którym atrybut HREF tagu jest wykorzystywany do dodania linku. Ponadto w ramach atrybutu HREF podano słowo kluczowe i numer telefonu Tel. W tym artykule pokazano metodę tworzenia klikalnego linku wywoławczego w HTML z praktycznym przykładem.