Podstawowe tagi HTML, które warto znać dla blogerów i tych, którzy mają stronę internetową

Jeśli chcesz utworzyć blog lub witrynę internetową, jak pokazano w poprzednich artykułach, nie trzeba płacić profesjonalistom, ponieważ jeśli masz czas i nie potrzebujesz specjalnych zaawansowanych funkcji, po prostu skorzystaj z jednego z tych bezpłatnych programów online, które pozwalają utwórz stronę internetową bez kodu HTML.
Nawet jeśli te narzędzia online są coraz bardziej wydajne i łatwe w użyciu, nie możesz mieć witryny bez znajomości ABC HTML lub głównego języka programowania, w którym generowane są strony internetowe.
HTML ( HyperText Markup Language ) w rzeczywistości nie jest językiem programowania, to znaczy językiem do przekazywania instrukcji do komputera, ale językiem znaczników, czyli sposobem pisania tekstu sformatowanego dla Internetu.
Przeglądarki takie jak Firefox lub Internet Explorer odczytują ten kod HTML i pokazują, co jest napisane w uporządkowany sposób, a wszystkie obiekty są ułożone zgodnie z zamierzeniami tych, którzy utworzyli witrynę.
Innymi słowy, HTML opisuje strony internetowe i na podstawie tego opisu przeglądarka tworzy obraz.
Biorąc pod uwagę, że nie jest to przewodnik po HTML, dla którego zajęłoby to więcej niż artykuł, chcę podzielić się podstawowymi zasadami, aby lepiej zrozumieć tagi HTML i móc z nich korzystać, gdy jest to potrzebne, na Twoim forum, w blogu lub wprowadzić zmiany na stronie internetowej.
HTML używa znaczników, które są używane do opisania zachowania tekstu zawartego w nawiasach kątowych, jak poniżej:
Słowo w nawiasie to znacznik otwierający, a po każdym znaczniku otwierającym musi znajdować się znacznik zamykający, taki jak ten:
1) Formatowanie tekstu na stronach internetowych odbywa się teraz za pomocą CSS, innego języka znaczników, który pozwala opisywać układ graficzny strony internetowej, aby przywoływać style w HTML.
W razie potrzeby można jednak użyć podstawowych tagów formatujących:
HTML: pogrubiony (możesz również użyć silnego zamiast b)
Jak widać w przeglądarkach: pogrubienie
HTML: kursywa (możesz także użyć en zamiast i)
Jak widać: kursywą
HTML: podkreślony
Jak widać: podkreślony
HTML: przekreślenie (możesz również użyć przekreślenia zamiast s)
Jak widać: przekreślony
2) Utworzenie linków hipertekstowych pozwala opisywać adresy URL lub adresy witryn bez konieczności podawania całego adresu, co jest brzydkie, zwłaszcza jeśli link jest bardzo długi.
HTML: Navigaweb.net
Jak widać: Navigaweb.net
Ten znacznik HTML jest nieco bardziej skomplikowany: prawdziwy znacznik do określania hiperłączy jest podczas gdy inne dodatkowe elementy są atrybutami, które określają dodatkowe cechy.
Atrybut href = określa adres, a title = określa, co pojawia się po najechaniu kursorem myszy na słowo.
W HTML używamy cudzysłowów do ujmowania wartości atrybutów, natomiast w xHTML (używanym również przez edytor Bloggera) używamy apostrofu ”.
3) Dodawanie obrazów lub zdjęć jest jedną z najważniejszych rzeczy, o których należy wiedzieć, również dlatego, że często w witrynach zawierających zdjęcia kod HTML jest udostępniany na blogach, forach lub w innych witrynach.
HTML:
Jak widać:
W tym przypadku rzeczywistym znacznikiem jest natomiast wymagane atrybuty to src = i opcjonalnie alt =, który opisuje obraz słowami.
Ponownie użyj cudzysłowu, aby uniknąć niedziałających łączy.
Jak widać tag zamyka za pomocą a /> bez powtarzania słowa img .
Możesz dodać atrybut float = "left" lub float = "right", aby sformatować obraz w lewo lub w prawo, aby był zawinięty w tekst.
Aby utworzyć hiperłącze do obrazu, możesz użyć go jako kodu:
HTML:
Jak widać:
4) Akapity i podziały wierszy
Aby utworzyć tekst strukturalny i zawinąć, musisz użyć znaczników do utworzenia podziałów linii i akapitów.
W HTML po jednym wierszu możesz go napisać
zejść na dół.
To otwiera się i zamyka w tym samym czasie, więc nie musisz go powtarzać.
Aby utworzyć akapity, w tym sensie przed i po nim jest pusta linia, musisz zawrzeć zapisany tekst między znacznikami HTML

i

5) Listy mogą być tworzone w uporządkowany sposób jako listy numerowane lub nieuporządkowane z listami punktowanymi.
Lista numerowana wygląda następująco:
HTML

1. Artykuł pierwszy


2. Artykuł drugi

Rezultat:

1. Artykuł pierwszy
2. Artykuł drugi

Lista wypunktowana używa innego znacznika zamiast

jest używany
:



• Artykuł pierwszy


• artykuł drugi



Rezultat:

• Artykuł pierwszy
• Artykuł drugi
Tak czy inaczej, tag
• służy do zdefiniowania elementu na liście.
  Wniosek: Tag nie robi nic więcej, jak wskazuje pozycję lub wybór dokumentu, określając rodzaj magii, którą należy wykonać.
  Niektóre tagi są obecne na każdej stronie internetowej i zawierają sekcje: ... wskazuje początek i koniec strony, ... jest nagłówkiem dokumentu, w którym wskazane są tiol, opis, CSS i skrypt, a ... który jest zamiast tego treść strony.
  Chociaż są to tylko wstępne pojęcia, wszyscy, którzy mają do czynienia z witryną, a także ci, którzy surfują po Internecie, uczestnicząc w forach i blogach, muszą wiedzieć.
  Aby dowiedzieć się więcej o HTML, w innym artykule zgłosiłem najlepsze strony z przewodnikami po HTML i CSS, z przykładami i edytorami online do przeprowadzenia testów .
  Aby zobaczyć HTML strony, wystarczy nacisnąć prawy przycisk myszy w dowolnym miejscu i wyświetlić HTML.
  Jeśli korzystasz z Google Chrome, możesz użyć funkcji „ Sprawdź stronę ”, aby zobaczyć, który kod został użyty w danym punkcie, abyś mógł czerpać inspirację i odtworzyć go na swojej stronie.
  Na tej stronie możesz pobrać tabelę z podstawowymi tagami HTML dla blogerów .
  Jednak w witrynie HTML Reference znajdują się wszystkie tagi z właściwościami i atrybutami, które się z nimi wiążą, wszystkie na stronie.