Scribd
Upload
6 views3 pages

HTML Notes

The document provides an overview of HTML and CSS, including how to create comments, buttons, paragraphs, and hyperlinks. It explains the structure of an HTML document and introduces CSS basics for styling elements. Additionally, it mentions techniques for setting up divisions in HTML/CSS, such as nested layouts and CSS Grid.

Uploaded by

taesan.onedoor98
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
6 views3 pages

HTML Notes

The document provides an overview of HTML and CSS, including how to create comments, buttons, paragraphs, and hyperlinks. It explains the structure of an HTML document and introduces CSS basics for styling elements. Additionally, it mentions techniques for setting up divisions in HTML/CSS, such as nested layouts and CSS Grid.

Uploaded by

taesan.onedoor98
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

HTML (hypertext markup language)

1. <!---to write comments in html--->


2. <!--- how to make buttons in html
<button>SOMETHING</button> Closing tab

Opening tab
3. <p>to add a paragraph</p>
4. <!---the "a" tag is used to create a hyperlink, which allows you to navigate to another
web page or a different section of the same page. The "a" stands for "anchor" because it
creates a link that acts as an anchor point for navigation. --->
</a href=”” target = “_blank”> to the link </a>
For the link to be opened in the same tab or another
To insert the link tab- “_blank” tab ensures that it opens in another tab

5. <!-- spaces and indentations are ignored in html


6. in html and css we use 2 spaces for indent -->
7. <!--CSS basics (cascading style sheets) is basically used to change the appearance of
HTML elements-->
8. <style> To style in css
“.” in .subscribe
9. .subscribe {
is to target10.
the background-color: rgb(200, 0, 0);
particular11.
class color: white;
12. border: none;
13. height: 36px;
14. width: 110px;
15. border-radius: 2px;
16. cursor: pointer;
17. margin-right: 8px;
18. transition: opacity 0.15s;
19. }
20. .subscribe:hover {
21. opacity: 0.6;
22. }
23. </style>
24. <button class = "subscribe">SUBSCRIBE</button>
HTML STRUCTURE
<!DOCTYPE html> <!—as it is implemented in html-->
<html>
<head>
<title> Tanishka </title>
</head>
<body>
Something something
</body>
</html>
Ways to set up divisions or contains in html/css
1. Nested layouts technique :

2. CSS Grid :

You might also like