Scribd
Upload
110 views2 pages

Web Development Notes

The document outlines essential web development components and HTML tags, including installation of VS Code, creation of files, and usage of various tags like <title>, <h1>, <p>, and <a>. It also covers CSS properties such as font attributes, margin, padding, and layout techniques using flexbox and grid. Additionally, it explains the structure of lists, tables, and forms in HTML.

Uploaded by

marikhan0320
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
110 views2 pages

Web Development Notes

The document outlines essential web development components and HTML tags, including installation of VS Code, creation of files, and usage of various tags like <title>, <h1>, <p>, and <a>. It also covers CSS properties such as font attributes, margin, padding, and layout techniques using flexbox and grid. Additionally, it explains the structure of lists, tables, and forms in HTML.

Uploaded by

marikhan0320
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Web Development Notes

Basic Components:
1. Download & Install VS Code.
2. Folder Create & Open in VS Code.
3. Insta l Live Server & prettier Extensions.
4. Create a New File. Type “ ! ” and Hit Enter. This will Automatically Provide Basic Html
Structure.

Main Details and Course:

Tags

1. Title Tag <title> used to add website title.


2. Heading tag <h1> used to add heading. It has 6 sizes from <h1> to <h6>.
3. Paragraph tag <p> used to add paragraph in website.
4. Ancor tag or Ahref tag <a href=””> used to add links in website.
5. Image tag <img src=”image path” alt=”alternative Word”> used to add images In
website.
6. Types of attribute. Global / Common tags and Special tags.
7. Opening and Closing is must in mostly tags for example <a href=””> </a>, but we also
have self closing tags which means these tags does not need end / closing tag for
example <img/>.
8. Types of CSS , Inline,Internal and External.
9. Tooltip property title=”” in html.
10. Font family attribute in CSS.
11. Font-weight 100 to 900 used to bold.
12. Font-size defines what will be the height and width of text.
13. Style attribute contains all these as well as color, background color properties.
14. Border attribute it contains radius,boldness , color, style etc.
15. Coloring methods in CSS: RGB,HEX,HSL.
16. For External CSS we use ID and Classes.
17. For ID “ # ” is used.
18. For Class “ . ” is used.
19. Margin is css property used to give margin from outside the element.
20. Padding is used to give margin inside the element.
21. Value can be provided in REM,Percentage and pixels.
22. Div is like a container used to adjust elements.
23. Display flex used to put images face to face.
24. Flexbox in css is 1D property. Just like display flex.
25. Grid in css is 2D property. Which works with rows and columns simultaneously.
26. Different types of lists .
27. Li used for creating lists.
28. UL for unordered list and OL for ordered list.
29. Table used to create table with attributes table row <tr> and table column <td>
30. And at last table header <th>.
31. Form in html is used to get input from user. <form>

You might also like