Web development jobs series : HTML cheatsheet

READ MORE – webdevelopmentjobsseries

Normal Elements Normal Elements require a start tag and end tag.

Eg. <p> </p>

Void Elements Eg. <img> , <br> , <hr>,
Tag name defination
aside To show sidebar
Heading <h1> </h1> to <h6> </h6>
paragraph <p> </p>
div It is a container used for division of content in page.
span It is a container used to span with existing content.
article It is a container used to define content, which is relative to the current website and which summarizes the topics.
header It defines the content to display at the top margin of page.
footer It defines the content to display at the bottom margin of page.
section It defines the content between header and footer.
main It defines the main content in section.
nav It defines the navigation area.
menu It defines the items used for navigation.
ol <ol>

<li> item 1</li>

</ol>

Ordered list with number series

ul <ul>

<li> home </li>

</ul>

Unordered list

img For image  <img src=’image1.jpg’ alt=’image1’>
table <table>

<thead>

<tr>  <th> </th>   </tr>

</thead>

<tbody>   </tbody>

</table>

To show large content

Anchor tag <a href=’www.google.com’> google link </a>
form <form>

 

</form>

input <input type=’text’ name=’textName’ value=’testName’ placeholder=’enter name’   >

Type=’text’ – for text

Type=’radio’ –for radio entry

Type=’checkbox’ – for checkbox entry

Type=’file’ – upload file

Name – reference name

Value= default name

Placeholder – show message for enter data

Label <label> email </label>

Eg. Label text for email input

Button

 

<button onclick={functionHandle()}> </button>
select <select>

<option value=’1’> 1   </option>

</select>

-for dropdown

Leave a Comment

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

Scroll to Top