HTML elements are components of an HTML document that describe the structure and content of a page. They are the basic building blocks used to create webpages and structure HTML documents.
They consist of many different elements that make the overall structure of your webpage.
See HTML table for example elements!
| Element/Symbol Name | Description |
|---|---|
| <html> </html> | Represents the root of an HTML document. |
| <body> </body> | Defines the document's body. |
| <p> </p> | Defines a paragraph. |
| <header> </header> | Represents a container for introductory content or a set of navigational links. |
| <img> | Displays pictures on your page. |
Links are found in nearly all web pages. Links allow users to click their way from page to page.
| Symbol | Description | Notes/Examples |
|---|---|---|
| <a> </a> | Defines a hyperlink, which is used to link from one page to another. | Say you want to send users directly to another website, you would use this. |
| target | Specifies where to open the linked document. For example a new tab. | <a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!<a> |
| <a><img src = "link to a webpage"><a> | An image used as a hyperlink. | Remeber to embed |
Fonts are an essential part of your page, you want to make sure it looks good!
There are thousands to choose from to add additonal asthetics to your page.
You typically would use css to style this but you can also do it in the html as well.
| Symbol/Syntax | Description | Examples |
|---|---|---|
| font-family:Arial; | This is the selector used to choose your font to arial. | Remember to end each css style with a semicolon ';'. |
| <style> | This tag is used to syle elements from within the html document | <p style= "color:blue;">< p> |
| lorem ipsum | This is just filler text, cause i'm lazy | Used as an example language. |