Latest web development tutorials

HTML Quick List

HTML Quick List. You can print it, to prepare for daily use.


The basic HTML document

<! DOCTYPE html> <Html> <Head> <Title> Document Title </ title> </ Head> <Body> visible text ... </ body> </ Html>

Basic tab (Basic Tags)

<H1> the biggest title </ h1> <H2>... </ H2> <H3>... </ H3> <H4>... </ H4> <H5>... </ H5> <H6> smallest heading </ h6> <P> This is a paragraph. </ P> <Br> (line feed) <hr> (horizontal) <! - This is a comment ->

Text Formatting (Formatting)

<B> bold text </ b> <Code> computer code </ code> <Em> emphasized text </ em> <I> italic text </ i> <Kbd> keyboard </ kbd> <Pre> preformatted text </ pre> <Small> smaller text </ small> <Strong> important text </ strong> <Abbr> (acronym) <address> (contact information) <bdo> (text direction) <blockquote> (from another source reference section) <cite> (working name) <del> (deleted text) <ins > (insert text) <sub> (subscript text) <sup> (superscript text)

Links (Links)

Common link: <a href = "http://www.example.com/"> link text </ a> image link: <a href = "http://www.example.com/"> <img src = "URL" alt = "replacement text"> </ a> Mail link: <a href = "mailto: webmaster@example.com"> Send e-mail </ a> Bookmark: <a id = "tips"> Tips section </ a> <A href = "#tips"> Skip Tips section </ a>

Pictures (Images)

<Img src = "URL" alt = "Replace Text" height = "42" width = "42">

Style / Block (Styles / Sections)

<Style type = "text / css">
h1 {Color: red ;} p {Color: blue ;}
</ Style> <Div> block-level elements in the document </ div> <Span> document inline elements </ span>

Unordered list

<Ul> <Li> item </ li> <Li> item </ li> </ Ul>

Ordered List

<Ol> <Li> The first </ li> <Li> Second item </ li> </ Ol>

Definition List

<Dl> <Dt> Item 1 </ dt> <Dd> Item Description 1 </ dd> <Dt> Item 2 </ dt> <Dd> Description Item 2 </ dd> </ Dl>

Tables (Tables)

<Table border = "1"> <Tr> <Th> table header </ th> <Th> table header </ th> </ Tr> <Tr> <Td> table data </ td> <Td> table data </ td> </ Tr> </ Table>

Frame (Iframe)

<Iframe src = "demo_iframe.htm"> </ iframe>

Forms (Forms)

<Form action = "demo_form.php" method = "post / get"> <Input type = "text" name = "email" size = "40" maxlength = "50"> <Input type = "password"> <Input type = "checkbox" checked = "checked"> <Input type = "radio" checked = "checked"> <Input type = "submit" value = "Send"> <Input type = "reset"> <Input type = "hidden"> <Select> <Option> Apple </ option> <Option selected = "selected"> banana </ option> <Option> Cherry </ option> </ Select> <Textarea name = "comment" rows = "60" cols = "20"> </ textarea> </ Form>

Entity (Entities)

& lt; equivalent to <& gt; equivalent to> & # 169; equivalent to ©