DAY6 Notes

Download as pdf or txt
Download as pdf or txt
You are on page 1of 2

Some of the Keyboard Short Keys

 li*3  Will insert three <li></li> tags inside HTML document


 ul>li*3  Will insert three <li></li> tags inside single <ul></ul> in HTML document.
 ul>li*3>ul>li*2  Will insert three <li></li> tags inside single <ul></ul>. Inside each
<li></li> tag one <ul></ul> tag will be inserted. Inside each <ul></ul> tag two
<li></li> will be inserted in HTML document.
 ctrl + shift + N  Creates a new folder inside an existing folder in windows explorer

Table <table> tag continued…..


 colspan attribute: It is used to identify how much column space will be occupied the
current cell. Generally, specified in <td> tag.
 rowspan attribute: It is used to identify how much row space will be occupied the
current cell. Generally, specified in <td> tag.
 cellspacing attribute: This attribute is used to give spacing between two cells i.e.
<td>. Shall be specified in <table> tag.
 cellpadding attribute: This attribute is used to give spacing between the cell content
and the border of the cell. Shall be specified in <table> tag.

Absolute & Relative Paths


 Path means the location of a particular resource.
 There are two types of paths –
 Absolute Path: Absolute Path means the full url of any particular resource.
e.g. <img src="https://ecti.co.in/assets/images/illustrations/spotlight.svg"
alt= "" title= "" height= "200" />
Note: To find a path of a particular image visit a particular site, right click on
the image and click on open in new tab. You will find the image path in
address bar. alt and title attributes are very important for SEO. The attribute
value is sometimes given by the SEO developer. You can keep attribute values
empty till the SEO developer gives you the value.
 Relative Path: Relative Path means the path of a particular resource relative
to current folder.
e.g. <img src="Illustrations/spotlight.svg" alt="" title="" height="250"/>

HTML Form <form> tag


 HTML forms are generally used to accept data from user. Generally, this data is send
to server for further processing.
 Important attributes of <form> tag –
 action: Need to specify a url of the page where the data is sent after form
submission.
 method: This attribute is used to specify the method of which http protocol
shall use while sending the data. There are two methods get and post.
Tags inside <form> tag
 <input> - To accept data from user.
 <input type="text"/>
 <input type="password"/>
 <input type="email"/>
 <input type="url"/>
 placeholder: gives user the hint of expected text
 id: the unique identifier for that element
 value: the default value shown in the input box
 <input type="range"/>
 min: minimum value of range selector
 max: maximum value of range selector
 value: default value of range selector
 <input type="file"/>
 <input type="color"/>
 <input type="date"/>
 <input type="time"/>
 <input type="datetime-local"/>
 <input type="radio"/>
 <input type="checkbox"/>
 name: sets a unique name to a group of radio buttons or check boxes
 <input type="number"/>
 <input type="submit"/>
 <input type="reset"/>
 value: specifies name of the input button
 <input type="button"/>
 <textarea> - Allows user to accept multi-line data.
 <button> - Displays a clickable button inside HTML document.
 type: Tells the browser the type of the button. The different values for the button
can be - submit / reset / button
 <select> - Displays a dropdown menu inside HTML document.
 <option> - Displays the option inside selected list.
 <label> - Defines the label tag for many form elements.
 for: for attribute is used for focusing on the particular html input after clicking on the
form. The value shall be id of a particular input element

You might also like