html cheat sheet quick guide html tags
Zapoznaj się z obszerną ściągawką HTML, aby dowiedzieć się o różnych powszechnie używanych tagach HTML z przykładami kodu:
Rozpoczynając samouczek, najpierw zrozumiemy, czym jest język HTML, a w dalszej części samouczka przyjrzymy się różnym znacznikom HTML. W tym miejscu zrozumiemy również niektóre tagi używane w HTML5.
Więc zacznijmy i najpierw zrozummy, czym jest HTML.
Czego się nauczysz:
Co to jest HTML
HTML to skrót od Hyper Text Markup Language. Jest to język znaczników, który został wynaleziony przez Tima Bernersa-Lee w roku 1991. W prostych słowach możemy powiedzieć, że jest to język opisujący sposób wyświetlania treści na stronie internetowej. W tym celu wykorzystuje tagi, w których osadzony jest tekst do wyświetlenia. Przeglądarka interpretuje te tagi, aby wyświetlić tekst na ekranie.
Wprowadzono wiele poprawek do HTML, a najnowszą dostępną jest HTML5, który został wydany w roku 2014.
Co to jest ściągawka HTML
Ściągawka HTML to krótki przewodnik zawierający listę często używanych tagów HTML i ich atrybutów. Tagi są generalnie pogrupowane według kategorii, aby ułatwić ich odczytanie.
Tagi HTML
Poniżej pogrupowaliśmy tagi w różne kategorie i dowiemy się o tagach należących do każdej kategorii wraz z przykładami.
Podstawowe tagi
| Tagi | Cel, powód | ||
|---|---|---|---|
.... | Wstępnie sformatowany tekst (zachowane są odstępy, podział wiersza i czcionka) | HELLO Sam | HELLO Sam |
| ... | To jest tag nadrzędny (element główny) dla każdego dokumentu HTML. Cały blok kodu HTML jest osadzony w tym tagu | ||
| ... | Ten znacznik zawiera ogólne informacje o dokumencie, takie jak tytuł i łącza do arkuszy stylów (jeśli istnieją). Te informacje nie są wyświetlane na stronie internetowej. | ||
| ... | Moja strona internetowa | ||
| ... | Moja pierwsza strona internetowa |
Fragment kodu:
My Web Page My First Web Page Wynik:
Moja strona internetowa
(Wyświetlane na pasku tytułu przeglądarki)
Moja pierwsza strona internetowa
(Wyświetlane jako zawartość strony internetowej)
Metatagi informacyjne
| Tagi | Cel, powód |
|---|---|
| | Służy do określenia podstawowego adresu URL witryny internetowej. |
| | Zawiera informacje, takie jak data publikacji, nazwisko autora itp. |
| | Zawiera informacje związane z wyglądem strony internetowej. |
| Służy do wskazywania linków zewnętrznych, głównie arkuszy stylów. Jest to pusty tag i zawiera tylko atrybuty. | |
| … | Służy do dodawania fragmentów kodu, aby uczynić stronę internetową dynamiczną. |
Fragment kodu:
Rashmi’s Web Page Var a=10; This is Rashmi’s Web Page Content Area Wynik:
Strona internetowa Rashmi
(Wyświetlane na pasku tytułu przeglądarki)
To jest obszar zawartości strony internetowej Rashmi
(Wyświetlane jako zawartość strony internetowej)
Tagi formatowania tekstu
| Etykietka | Cel, powód | Fragment kodu | Wynik |
|---|---|---|---|
| .... | Pogrubia tekst | cześć | cześć |
| .... | Czyni tekst kursywą | cześć | cześć |
| .... | Podkreśla tekst | cześć | cześć |
| .... | Przekreśl tekst | cześć | cześć |
| .... | Pogrubia tekst (Taki sam jak .. etykietka) | cześć | cześć |
| .... | Czyni tekst kursywą (Taki sam jak .. tagi) | cześć | cześć |
| .... | Tag nagłówka - liczba może wynosić od 1 do 6 | Z drugiej strony, tag początkowy lub końcowy nazywamy tagiem HTML. Przykład: lub P # 7) Jakie są 2 typy tagów w HTML? Odpowiedź: Istnieją dwa typy tagów w tagach HTML sparowanych i niesparowanych lub pojedynczych. Sparowane tagi - Jak sama nazwa wskazuje, są to tagi zawierające 2 tagi. Jeden nazywa się otwierającym, a drugi zamykającym. Na przykład: , itp. Niesparowane tagi - Te tagi są pojedynczymi tagami i mają tylko tag otwierający, a nie tag zamykający. Na przykład: P # 8) Jaka jest różnica między tagiem kontenera a pustym tagiem? Odpowiedź: Tagi kontenerów to te tagi, które mają tag otwierający, po którym następuje treść i tag zamykający. Na przykład: , Puste tagi to tagi, które nie mają żadnej treści i / lub tagu zamykającego. Na przykład: P # 9) Jaki jest największy tag nagłówka? jak usunąć wartość z tablicy java Odpowiedź: to największy tag nagłówka w tagu HTML.P # 10) Co to jest tag select w HTML? Odpowiedź: Atag służy do tworzenia rozwijanej listy. Jest najczęściej używany w formularzach, w których mają być gromadzone dane wejściowe użytkownika. Poniżej znajduje się fragment kodu wraz z danymi wyjściowymi tagu. Pokazuje również typowe atrybuty tego tagu. Fragment kodu: Wynik: WniosekMam nadzieję, że ten artykuł dostarczył ci zrozumienia, czym dokładnie jest ściągawka HTML. Celem było podzielenie się z naszymi czytelnikami krótkim przewodnikiem po różnych często używanych tagach HTML. Widzieliśmy także tagi podstawowe, tagi metadane, tagi formatowania tekstu, formularze, ramki, listy, obrazy, łącza, tabele i tagi wejściowe. W tym artykule omówiono również niektóre tagi, zwykle używane razem z tagiem FORM, takie jak Select i Button. Dowiedzieliśmy się również o tagach wprowadzonych w HTML5. W przypadku każdego z tagów poznaliśmy najczęściej używane atrybuty wraz z tagami, a także zobaczyliśmy powiązany z nimi kod i dane wyjściowe. rekomendowane lektury
^
|
