You are on page 1of 3

Thing I need to know to build my website for my sba and just basic knowledge about html

1. U would always need an opening and closing html


2. / - this is a closing symbol
3. Head- this is where the info about the page would go
4. Body - this is where info displayed to the user would go
5. Save in html file
6. File extension .html
7. H1-is the biggest font size/ heading
8. H6- is the smallest font size/ heading
9. P- is for paragraph
10. br- is a self closing tab noting goes in it it just goes on to a next line
11. hr- adds a horizontal line is also a self-closing tag
12. Img- for images
13. .. – is used if image need to go up
14. image tag doesn’t need or have to be closed just put a /
15. width- can be added in percentages or pixels(px) eg <img scr="images/image.bmp”
width=50px” />
16. a tag- is used to create hyperlinks
17. href = - quotes the hyper link u want people to go to
18. click here- is what persons would see on the site
19. ul- is used to create a bullet point list ul stands for unorder list
20. each eliment is wrapped in il tags
21. ol- starnds of ordered list this uses numbers
22. in images alt is used to add text to the images
23. doc type tell which type of html or what to expect
24. !DOCTYPE html> must be at the top and the first thing on every doc
25. Div tags- this is used to group elements and put the in sections that things can go inside of
the always cause a line break before and after itself things only appear above and below
26. Div tags- can be used to define the header section of a page
27. can give div tags ids
28. Span tags- this is used to create logical groupings on a page elements but don’t cause a
line break before and after itself things only appear above and below
29. Span tags- can be used to define the header section of a page
30. can give div tags ids
31. cant over lap elements but they can go inside of each other
<!DOCTYPE html>

<html>

<head>

<title>Goal Wreakers United</title>

</head>

<body>

<h1>Goal Wreakers United</h1>

<p>this is for paragrapgh./>

<p> p is for paragrapgh. <br /> br to make space./>

<hr/>

<img scr="image.bmp" />

<img scr="images/image.bmp”/>

<img scr="image.bmp”/>

<img scr=" ... image.bmp”/>

<img scr="images/piano.jpg” width=”200”height=”500”/>

<img scr="images/piano.jpg” alt=”my piano”/>

<a href=http://google.com>Click here>/a>

<ul>

<Li>item1</li>

<Li>item2</li>

</ul>

<ol>

<Li>item1</li>

<Li>item2</li>
</ol>

<div id= header>

<h1> welcome to my website</h1>

</div>

<div>

<h2> Home Page</h2>

<p> I hope you u like it. 😊</p>

</div>

Welcome to my <span class=”red”> cool</span> website!

</body>

</html>

You might also like