Odkąd Początek Internetu , HTML ma kluczowe znaczenie dla współpracy na całym świecie i pojawiają się tak, jak chcemy. Spójrzmy na to, co jest HTML i jak zamienia się na strony, które widzisz każdego dnia.
Szereg Internetu
HTML oznacza "język Markup Hypertext". Jest to język kodowania używany do tworzenia stron, które można wyświetlić przeglądarkę internetową. Większość stron internetowych znajdziesz w Internecie, w tym ten, na którym można teraz przechowywać ten artykuł, są przechowywane jako plik HTML. Witryny są gdzieś wiązką powiązanych stron HTML na serwerze. Dlatego język jest często nazywany " Backbone Internetu . "
Za każdym razem, gdy przejdziesz na stronę w Internecie, zasadniczo żądając pliku HTML przechowywanego na serwerze. Następnie przeglądarka używasz, takich jak Chrome lub Firefox, przeanalizuje HTML i wyświetli go w sposób, w jaki jest przeznaczony.
Uniwersalność HTML i wszechstronność sprawiają, że jest jednym najbardziej popularnym Markup Język na świecie. Większość wstępnych programistów internetowych zaczyna się od Uczenie się, jak kodować w HTML. Narzędzia przeciągania i kropli i edytory WYSIWYG są ostatecznie przetłumaczone na HTML, abyśmy mogli je przeanalizować.
ZWIĄZANE Z: Jaki jest język znacznika?
Jak działa HTML.
Podobnie jak każdy język programowania, HTML wygląda jak bukiet poleceń i bloków tekstowych, zanim zostanie przekształcony w wizualną frontową. Jeśli jesteś ciekawy, aby zobaczyć, jak wygląda HTML na tej konkretnej stronie i jesteś na pulpicie lub laptopie, spróbuj kliknąć prawym przyciskiem myszy na tej stronie i wybierz "Wyświetl źródło strony" (opcja może się różnić w zależności od przeglądarki ). Powinien zabrać cię do gigantycznej ściany kodu.
Większość HTML jest budowana przy użyciu "bloków elementów", które są fragmenty kodu HTML, które oddzielają różnych elementów na stronie. Na przykład korpus ten artykuł jest blokiem elementu, podobnie jak menu, zalecenia poniżej, a stopka strony. Te elementy są kodowane na swój własny sposób, ponieważ mogą zachowywać się inaczej.
Kluczową częścią budowania stron HTML jest stosowanie kaskadowych arkuszy stylów (CSS). Są to dokumenty, które definiują, jakie konkretne elementy strony powinny wyglądać. Na przykład, jak powinny być duże obrazy, jakie czcionki powinny pojawić się na stronie i Jak powinna odpowiedzieć strona internetowa kiedy jest zmieniony lub rozciągnięty. Wszystkie są one kluczowe dla tworzenia atrakcyjnych, spójnych i stylowych stron internetowych. Jeśli zauważyłeś strony internetowe, zaczynając wyglądać lepiej w ostatniej dekadzie, rosnące wykorzystanie CSS jest największym powodem. Możesz przeczytać więcej o CSS tutaj .
Jedną z najlepszych rzeczy na temat HTML jest możliwość prowadzenia dynamicznych skryptów przez Javascript lub js. Te skrypty mogą tworzyć dynamiczne elementy. Na przykład na niektórych stronach internetowych unoszący się na obrazie pozwoli Ci powiększyć. Możesz wykonać ten efekt, kodując element JavaScript.
ZWIĄZANE Z: Jak wyłączyć (i włączyć) JavaScript w Google Chrome
Podstawy HTML.
Podczas gdy HTML jest dość złożonym językiem z mnóstwem różnych tagów i bloków, istnieje kilka kodów HTML, które mogą pojawić się przydatne, gdy przeglądasz sieć. Oto kilka podstawowych znaczników HTML, które możesz napotkać.
& LT; a href = "https://www.howtogeek.com" & GT; How-to-Geek, a & GT;
How-to by geek
Używasz
& lt; a & gt;
polecenie utworzyć link. URL polega na tym, gdzie wskazuje link, a tekst, który brzmi "How-to Geek", jest to, jak pojawi się użytkownik końcowy.
B & GT; Bold & LT; / B & GT; & lt; I & GT; Italic & I & GT; & lt; U & GT; (94]
pogrubiony italski podkreślać
Możesz użyć
& lt; b & gt;
,
& lt; i & gt;
, oraz
& lt; u & gt;
Aby zastosować standardowe opcje formatowania tekstu: śmiały, kursywa i podkreślony tekst.
& LT; IMG SRC = "Picture.jpg" & GT;
ten
& lt; img & gt;
Tag jest używany do osadzenia obrazu na stronę. Zostanie albo pociągnąć obraz z tej samej domeny, albo możesz wskazać go do domeny zewnętrznej. Możesz także dostosować go z dodatkowymi atrybutami, takimi jak zmiana rozmiaru i tekstu Alt.
H1 & GT; Nagłówek 1 ° C & lt; p & lt; / p & gt;
Powyższe są tagami i akapitami. Podobnie jak w jaki sposób Microsoft Word umożliwia sortowanie tekstu do nagłówków i tekstu treści, HTML może również formatować tekst na podstawie domyślnego nagłówka i opcji akapitu. Formaty te są zdefiniowane za pomocą arkusza stylów CSS.
& LT; P Styl = "Kolor: EDR;" & GT; czerwony akapit "
Możesz także użyć
"styl"
Atrybut do dostosowywania tekstu z różnymi ustawieniami stylów, takimi jak kolor tekstowy, kolor tła i rozmiar czcionki.
Jeśli jesteś zainteresowany uczeniem się więcej opcji formatowania HTML, sprawdź Darmowe zasoby W3schools . Znajdziesz pełną listę znaczników HTML, których możesz użyć, aby rozpocząć budowanie stron internetowych.
ZWIĄZANE Z: Co to jest "responsywny projekt" i jak go używasz?
