5 kroków do zrozumienia podstawowego HTML

5 kroków do zrozumienia podstawowego HTML

5 kroków do zrozumienia podstawowego HTML

Jak wiemy, HTML jest integralną częścią sieci. Niektórzy projektanci stron internetowych piszą strony ręcznie, wprowadzając HTML, ale wciąż jest to przydatne dla uzyskania niewielkiej ilości informacji.

Przyjrzyjmy się podstawom języka, w tym rzeczywistym pojęciom HTML, podstawowym pojęciom i ich interakcji z innymi językami. Pomyśl o tym jak o kursie zawieszania HTML dla manekinów.

Podstawy HTML: Co to jest HTML?

HTML jest językiem na wyświetlaczuhipertekstu . Czasami użycie języka programowania jest niedokładne.

I wyświetlaj tylko HTML, możesz wyświetlić układ strony dla  jednego języka . Prawdziwe  języki programowania, takie jak Java lub C ++, obejmują instrukcje dotyczące logiki i wykonywania.

Środek każdej strony w sieci jest prosty, ale HTML. Zaznacz tekst i dodaj obrazy i linki do innych stron.

Można kliknąć prawym przyciskiem myszy w przeglądarce internetowej za , a źródłem widoku  widzenia lub HTML pahanyasarakheca HTML źródło wybierz  puszki . Może zawierać dużo kodu HTML, ale możesz go zmodyfikować.

Krok 1: zrozumienie koncepcji etykiety

HTML jest tag System  do używać  do klasyfikowania poszczególnych elementów dokumentu.

Wiele tagów łączy się, by łączyć taksówki, których to dotyczy. Oto prosty przykład (   tagi podświetlają tekst  ; wyjaśnię później)<strong>

<strong>This is some bold text</strong>.

Zobacz, jak zamykają się tagi z ukośnikiem (/). Oznacza to ważny tag. Jeśli nie wyłączysz tagu, wszyscy będą mieli ten atrybut od samego początku.

Ale nie wszystkie tagi mają jedną parę. Niektóre elementy HTML , zwane  pustymi elementami, nie zawierają treści i istnieją osobno. Na przykład   istnieją znaczniki wskazujące podział linii. Możesz „zamknąć” ten tag, dodając ukośnik (np.),  Ale nie jest to wymagane.<br><br />

Krok 2: Układ pułapki HTML

Aby poprawnie wyświetlić poprawny dokument HTML, musisz go oznakować. Główne obszary są następujące:

  • Wszystkie dokumenty HTML muszą zaczynać się   od tej deklaracji <!DOCTYPE html>. Zamknięcie znacznika  jest ostatnim składnikiem pliku HTML.</html>
  • Ta  sekcja zawiera informacje o tytule strony, różnych skryptach na stronie i tak dalej. Jak sama nazwa wskazuje, jest to po  oryginalnym  znaczniku . Użytkownicy końcowi nie zobaczą dużo treści w tym tagu.<head><html>
  • Na koniec  tag zawiera tekst na stronie czytelnika (zawiera go), w tym obrazy, linki i inne.<body>

Ta  sekcja jest centralną częścią dokumentu HTML, więc pozostała część tego przewodnika dotyczy elementów mających zastosowanie do tej  sekcji.<body>

Krok 3: Podstawowe opcje formatu HTML

Następnie przyjrzyjmy się konkretnemu znacznikowi, który generuje dokument HTML. Oczywiście nie wszystkie elementy mogą być chronione, więc spójrzmy na najważniejszy czynnik.  Jeśli nie jesteś zadowolony, możesz zobaczyć  wiele przykładów HTML .

Jeśli ten tag wygląda na zbyt prosty, pamiętaj, że HTML został stworzony w 1993 roku.

Zwykły format tekstowy

HTML obsługuje domyślny styl tekstu znaleziony w Microsoft Word.

  • <strong> Utwórz pogrubiony tekst  .
  • <em> Etykieta (oznaczająca „podkreślenie”) polega na tym, że kursywą zawiera  tekst, który  chce.

HTML obsługuje  również  pogrubioną   kursywę . Ale lepiej skorzystać z powyższego.<b><i>

Krótko mówiąc   ,  najnowsze tagi pokazują, jak rozumieć a najnowsze tagi podpowiadają, czego szukać. Czytniki ekranu mają łatwiejszy dostęp do starszych markerów używanych przez osoby z wadami wzroku.<strong><em>

Akapity i inne sekcje

Można określić sekcję dokumentu, która  używa znaczników HTML  . Zwykle powiązany z CSS, aby sformatować sekcję w określony sposób (patrz poniżej).<div>

 Tagi mogą dzielić tekst na akapity. Przeglądarka automatycznie wypełnia wolne miejsce przed i po, dzięki czemu możesz naturalnie dzielić tekst.<p>

Możesz dodać nagłówek do dokumentu za  pomocą pomocy w śledzeniu  znaczników . H1 jest najważniejszym tytułem, a H6 jest najmniej ważnym. Prawie każdy artykuł w MakeUsoff używa nagłówków H2 i H3 do organizowania informacji.<h1><h6>

 Kiedy mogę dodać linię złamać mojego dokumentu HTML , aby wejść i naciśnij  , to nie wydaje się realna. Lub użyj  reszty linii, dołącz jak możesz  .<br>

Oto przykład z wykorzystaniem ich wszystkich:

<div class="example">
<h2>Example Heading</h2>
<p>This is one paragraph.</p>
<p>This is a second<br>paragraph split between two lines.</p>
</div>

Krok 4: Prześlij obraz

Obrazy są integralną częścią większości stron internetowych. Możesz także użyć HTML, aby łatwo dodawać i ustawiać inne właściwości.

Wstaw obraz za pomocą   tagów .  Funkcje obejmują  możliwość określenia, gdzie ładować obrazy .<img>src

Kolejną ważną cechą   tagu jest  . Do opisania obrazu w czytniku ekranu można użyć alternatywnego tekstu lub jeśli obraz nie został poprawnie załadowany. Najedź kursorem na obrazek, aby zobaczyć alternatywny tekst.<img>alt

widthUżyj   elementów  i  elementów, aby określić, w ilu pikselach pojawia się obraz height.

Krok 5: Dodaj link

World Wide Web nie jest siecią bez linku do innych stron.  Ci link do różnych stron, przy czym każdy tekst tagi wykorzystać  puszkę .<a>

 Jeśli jesteś  podłączony do  tagów , to miejsce  zostanie wyświetlone . Działa dobrze, jeśli wkleję adres URL.  Składnik stosowany , aby dodać trochę tekstu pojawia się po najechaniu kursorem myszy nad linkiem , można to zrobić  .<a>hreftitle

Jak HTML jest zintegrowany z CSS i Javascript

Widziałeś, jak tworzyć podstawowe strony HTML i strony internetowe. Jak wiadomo, HTML obecnie nie rozwiązuje HTML w sieci. Proste strony HTML mają zazwyczaj 1,0 dni w sieci, przy czym większość stron to tylko statyczny tekst.

Ale teraz mamy więcej. Cascading Style Sheets (CSS)  to język opisujący wygląd tekstu utworzonego w HTML. Pamiętasz wspomniany   tag ? Możesz określić  atrybut (i inne tagi) w nim  . Następnie dołącz dokument CSS, te  kształty można utworzyć  .<div>classclass

Leave a Reply

Your email address will not be published. Required fields are marked *