Latest web development tutorials

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 ... </ body> </ Html>

Zakładka Basic (Podstawowe Tagi)

<H1> największy tytuł </ h1> <H2> ... </ h2> <H3> ... </ H3> <H4> ... </ H4> <H5> ... </ H5> <H6> najmniejsza nagłówek </ h6> <P> To jest akapit. </ P> Największa (line feed) <hr> (poziomo) <! - To jest komentarz ->

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: [email protected]"> 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 ©