0% found this document useful (0 votes)
67 views

The Complete 2023 Web Development Bootcamp Notes

Notes on Web Development
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
0% found this document useful (0 votes)
67 views

The Complete 2023 Web Development Bootcamp Notes

Notes on Web Development
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
You are on page 1/ 4

The Complete 2023 Web Development Bootcamp Notes

Topic: Web Development overview and tips to get through the course

Keywords/Questions: Notes:
If you’re stuck, use Google or StackOverflow
Struggle is good
Evaluate your expectation and reality for your program
You can use the error codes you encounter and search them in Google.
Know when to take a breather and come back later when you have
cleared your mind.

Summary:

Topic: HTML Heading

Keywords/Questions: Notes:
HTML Heading Element Hypertext Markup Language
Hypertext are pieces of words that link documents or files in a page
HTML consists of tags, the opening and the closing tab.
Ex.
<h1>Hello World</h1>

What is the purpose of headings?


Similar to topics in a table of contents in a book, there are main topics
followed by subtopics. These are the headings in an HTML file
Headings are limited to 6 elements
It is one of the best practices to only have 1 <h1> tag. Don’t have more
than 1 <h1> tag
Don’t skip levels on headings. Go in order from 1 to 6
Summary:

Topic: HTML Paragraph Element

Keywords/Questions: Notes:
The paragraph tags recognizes the text or context in between the tags as
a paragraph.

You can use Lorem Ipsum to test out text in a paragraph in your page so
that you can see a variety in the content of your test. You can get
www.ipsum.com to see more and use on your web design. Lorem Ipsum
also mimics how paragraphs should look like. You can also use Google to
search a variety of Ipsum versions

Summary:
Topic: Self Closing Tags

Keywords/Questions: Notes:
These are examples of void elements. Tags with no content but serves a
purpose for formatting.
Horizontal Rule element – Puts a horizontal line in your page
<hr />

Break Element – Move one line down, like an enter or return


<br />

Do not use the break element similar to a return when separating


paragraphs or letter segments like the header, address, and body. Always
use the necessary tags when writing your code as to make it more coherent
for, especially when you begin debugging the code.

You can also use the void elements without the forward slash after the text
but it is recommended to do so as it will help you identify that these void
element tags do not need a closing element and will make your life easier
when debugging or reviewing your code.
Summary:

You might also like