Najlepszy samouczek HTML poegnalny W 2024 r. W tym samouczku możesz dowiedzieć się
Podstawowym dokumentem HTML,Zakładka Basic (Podstawowe Tagi),Formatowanie tekstu (formatowanie),Linki (Links),Pictures (Obrazy),Styl / pustak (Style / sekcje),lista nieuporządkowana,Lista numerowana,Lista definicji,Tabele (Tables),Ramki (iframe),Formularze (formularze),Podmiot (podmioty),
HTML poegnalny
HTML poegnalny. Można go wydrukować, aby przygotować się do codziennego użytku.
Podstawowym dokumentem HTML
<! DOCTYPE html>
<Html>
<Head>
<Title> Tytuł dokumentu </ title>
</ Head>
<Body> widoczny tekst pl. </ body>
</ Html>
Zakładka Basic (Podstawowe Tagi)
<H1> największy tytuł </ h1>
<H2> pl. </ h2>
<H3> pl. </ H3>
<H4> pl. </ H4>
<H5> pl. </ H5>
<H6> najmniejsza nagłówek </ h6>
<P> To jest akapit. </ P>
Największa (line feed) <hr> (poziomo)
Formatowanie tekstu (formatowanie)
<B> tekst pogrubiony </ b>
<Code> Kod komputer </ code>
<Em> podkreślić tekst </ em>
<I> kursywa </ i>
<Kbd> klawiatury </ kbd>
<Pre> Tekst sformatowany </ pre>
<Small> mniejszy tekst </ small>
<Strong> Ważne tekst </ strong>
<Abbr> (skrót) <adres> (dane kontaktowe) <BDO> (kierunek tekstu) <blockquote> (z innej sekcji referencyjnego źródła) <cite> (nazwa robocza) <del> (tekst usunięty) <ins > (tekst wkładka) <sub> (tekst indeks) <sup> (tekst w indeksie górnym)
Linki (Links)
Wspólna Link: <a href = "http://www.example.com/"> link tekstowy </ a> image link: <a href = "http://www.example.com/"> <img src = "URL" alt = "text zastępcza" link> </ a> Mail: <a href = "mailto: webmaster@example.com"> Wyślij e-mail </ a> zakładek: <a id = ""> Porady Porady sekcji </ a>
<a href = "#tips"> Sekcja Pomiń Wskazówki </ a>
Pictures (Obrazy)
<img src = "URL" alt = "Zamień tekst" height = "42" width = "42">
Styl / pustak (Style / sekcje)
<Style type = "text / css">
h1 {Color: red ;}
p {Color: blue ;}
</ Style>
<Div> elementy blokowe w dokumencie </ div>
<Span> elementy inline dokumentu </ span>
lista nieuporządkowana
<Ul>
<Li> element </ li>
<Li> element </ li>
</ Ul>
Lista numerowana
<Ol>
<Li> Pierwszy </ li>
<Li> Drugi element </ li>
</ Ol>
Lista definicji
<Dl>
<Dt> Artykuł 1 </ dt>
<Dd> Opis 1 </ dd>
<Dt> Artykuł 2 </ dt>
<Dd> Opis Element 2 </ dd>
</ Dl>
Tabele (Tables)
<table border = "1">
<Tr>
<Th> Nagłówek tabeli </ th>
<Th> Nagłówek tabeli </ th>
</ Tr>
<Tr>
<Td> Dane tabeli </ td>
<Td> Dane tabeli </ td>
</ Tr>
</ Table>
Ramki (iframe)
<iframe src = "demo_iframe.htm"> </ iframe>
Formularze (formularze)
<Formularz action = "demo_form.php" method = "post / get">
<Wejście type = "text" name = "email" size = "40" maxlength = "50">
<Wejście type = "password">
<Wejście type = "checkbox" sprawdzane = "zaznaczone">
<Wejście type = "radio" sprawdzane = "zaznaczone">
<Wejście type = "submit" value = "Wyślij">
<Wejście type = "reset">
<Wejście type = "hidden">
<Wybierz>
<Option> Apple </ option>
<option selected = "wybrany"> banana </ option>
<Option> Cherry </ option>
</ Select>
<textarea name = "komentarz" wiersze = "60" cols = "20"> </ textarea>
</ Form>
Podmiot (podmioty)
& Lt; odpowiednik <& gt; równoważne> & # 169; odpowiednik ©