Html Basic
•Download as PPTX, PDF•
6 likes•190 views
This is the ppt that contain the basic topics of HTML. This is helpful to improve the knowledge of html and It is also for beginner. That gives the basic knowledge of html.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Html Basic
Similar to Html Basic (20)
More from Rohit Singh
More from Rohit Singh (15)
Recently uploaded
Recently uploaded (20)
Html Basic
- 1. Presented By : RohitRaj 5/28/2019 1 SMS Institute of Technology, lucknow
- 2. What is HTML ? HTML attributes ? HTML Tag ? Uses of List in HTML ? Table How to use form tag in HTML ? What is Frame ? 5/28/2019 2 SMS Institute of Technology, lucknow
- 3. HTML is not a programming language, It is a markup language used for describing web pages. A markup language is a set of markup tags. HTML used markup tags to describe web pages. 5/28/2019 3 SMS Institute of Technology, lucknow
- 4. Attributes provides additional information about an element, It’s always used with starting tag. Example – <startingTag attributeName=“value”> </endingTag> 5/28/2019 4 SMS Institute of Technology, lucknow
- 5. HTML documents contain HTML tags and plain text used for describing web pages. HTML tags are words. Types of HTML Tags - 1. Heading Tag 2. Linebreak Tag 3. Paragraph Tag 4. pre_formated Tag 5. Del Tag 6. Image tag 7. Text formatting tag 5/28/2019 5 SMS Institute of Technology, lucknow
- 6. Heading Tag- It’s uses for heading in HTML documents. HTML contain <h1>to <h6> tag for heading with ending tags. HTML Linebreak Tag- It is used to define a single line break, It is a empty tag because It has no ending tag. 5/28/2019 6 SMS Institute of Technology, lucknow
- 7. Paragraph Tags- It defines a paragraph it gives some margin before and after a paragraph. e.g. – <p>This is a paragraph</p> <p>This is another paragraph</p> Pre_formated Tag- It’s displayed the content in a fixed bit and font size. e.g.- <pre> content with fixed bit and font size </pre> 5/28/2019 7 SMS Institute of Technology, lucknow
- 8. Image Tag- It is used to display the image on a webpage or HTML document. It is an empty tag because It has no ending tag. e.g. – <img src=“URL Address” width=“” height=“”> oR <img src=“D:folderNameImageName.jpg”border= “2” width=“50%” height=“60%”> 5/28/2019 8 SMS Institute of Technology, lucknow
- 9. Anchor Tag- Anchor tag is used to create a link or hyperlink, With the help of hyper link you can jump to another document or specific part of same document. e.g.- <a href=“URL Address” attributeList> Visible Text like link </a> 5/28/2019 9 SMS Institute of Technology, lucknow
- 10. Bold Tag Italic Tag Underline Tag Small Tag Subscripted Tag Superscripted tag Deleted Tag Marked Tag 5/28/2019 10 SMS Institute of Technology, lucknow
- 11. List is a collection of element or items . There are three types of list, they are- 1. Ordered list 2. Unordered list 3. Difinition list 5/28/2019 11 SMS Institute of Technology, lucknow
- 12. Ordered list is a collection of elements or items that have special order or sequence. It is created by using <ol> tag with ending tag and each list item is created by <li>tag with ending tag within the <ol>tag. e.g.- <ol type=“a”> <li> First item</li> </ol> 5/28/2019 12 SMS Institute of Technology, lucknow
- 13. Unordered list is a collection of elements or item that have no special order or sequence. It is created by <ul>tag, It is not a empty tag. Each list item is created by using<li>tag ,It’s not a empty tag. Bydefault each list item is mark with bullet. 5/28/2019 13 SMS Institute of Technology, lucknow
- 14. In definition list where element are listed like in a dictionary. It uses three tags. <dl> </dl> <dt> </dt> <dd> </dd> 5/28/2019 14 SMS Institute of Technology, lucknow
- 15. <html> <body> <dl> <dt>HTML</dt> <dd>hyper text markup language</dd> <dt>XML</dt> <dd>Extension markup language</dd> </dl> </body> </html> 5/28/2019 15 SMS Institute of Technology, lucknow
- 16. Table allows to arrange the data like text image, link etc into rows and column. HTML Table are created using <table></table>tag. A table tag is use <tr></tr> and <td></td>tag for creating a table row and table column respectively. 5/28/2019 16 SMS Institute of Technology, lucknow
- 17. Table tag attribute are – 1. Align=“left/right/center” 2. Bgcolor=“Red/yellow” 3. Border=“any digit” 4. Bordercolor=“red’ 5. Cellspacing 6.Cellpadding 7.Background 5/28/2019 17 SMS Institute of Technology, lucknow
- 18. They are listed as - 1. Align=“left/right/center” 2. Valign=“top/middle/bottom” 3. bgcolor=“ yellow “ 5/28/2019 18 SMS Institute of Technology, lucknow
- 19. They are listed as - 1. Align=“left/right/center” 2. Valign=“top/middle/bottom” 3. bgcolor=“purple” 4. Rowspan=“digit” 5. colspan=“Number” 5/28/2019 19 SMS Institute of Technology, lucknow
- 20. Form is used to collect some data from the user during user registration and feedback. <form></form> tag is used to create a HTML form. It is a container that includes all forms element like textfield and checkbox etc. Attributes of form tag are- name, method, enctype, target, action 5/28/2019 20 SMS Institute of Technology, lucknow
- 21. <input> tag is used to create a form element. It is a empty tag. E.g. – <input type=“password” name=“psw” size=“” maxlength=““ readonly value=“”> 5/28/2019 21 SMS Institute of Technology, lucknow
- 22. 1) Textbox/ text field 2) Password 3) Radio Button 4) Checkbox 5) Submit Button 6) Reset Button 7) Textarea / Multiline text 8) Combo box / list box /Drop down box 9) Hidden text field 10) File Upload 5/28/2019 22 SMS Institute of Technology, lucknow
- 23. <html> <head><title>Student Login </title></head> <body><form name=“”method=“”action=“”enctype=“”target=””> LogIn <input type=“text”name=“Login”Value=“”><br/> Password <input type=“password” name=“pwd” value=“”><br/><input type=“Reset” value=“Reset” name=“r”><input type=“submit” value=“submit” name=“sub”></form></body> </html> 5/28/2019 23 SMS Institute of Technology, lucknow
- 24. HTML frame are used to divide your browser window into multiple section. It’s uses <frameset> tag for doing this. Cols, rows, border, frame border, frame spacing, these are the attributes of <frameset> tag. 5/28/2019 24 SMS Institute of Technology, lucknow
- 25. <frame> tag defines which HTML document shall open into a particular frame. Src, name, scrolling, noresize, target, top these are the attributes of <frame> tag. 5/28/2019 25 SMS Institute of Technology, lucknow
- 26. <html> <frameset row=“20%,*”> <frame src=“head.html”> <frameset cols=“30%,*”> <frame src=“left.html” name=“left”> <frame src=“right.html” name=“right”> </frameset> </frameset> </html> 5/28/2019 26 SMS Institute of Technology, lucknow
- 27. <html> <body> <h1>SMS Institute of Technology<h1> </body> </html> 5/28/2019 27 SMS Institute of Technology, lucknow
- 28. <html> <body> <ul> <li> <a href=“Tech.html “ target=“left”>B.Tech</a> </li> </ul> </body> </html> 5/28/2019 28 SMS Institute of Technology, lucknow
- 29. <html> <body> <ol> <li><a href=“one.html”>1’st semester</a></li> <li><a href=“two.html”>2nd semester</a></li> <li><a href=“three.html”>3rd semester</a></li> <li><a href=“four.html”>4th semester</a></li> <li><a href=“five.html”>5th semester</a></li> <li><a href=“six.html>6th semester</a></li> <li><a href=“seven.html”>7th semester</a></li> <li><a href=“eight.html”>8th semester</a></li> </ol> </body> </html> 5/28/2019 29 SMS Institute of Technology, lucknow
- 30. 5/28/2019 30 SMS Institute of Technology, lucknow
- 31. 5/28/2019 31 SMS Institute of Technology, lucknow