Skip to content

Instantly share code, notes, and snippets.

View SitesByYogi's full-sized avatar

SitesByYogi

View GitHub Profile
@SitesByYogi
SitesByYogi / syntax.css
Created June 22, 2023 00:57
CSS uses a simple syntax to define styles. Here's an example of CSS syntax:
selector {
property: value;
/* Add more properties as needed */
}
@SitesByYogi
SitesByYogi / style.css
Created June 22, 2023 00:42
Create a new file with a .css extension (e.g., styles.css), and link it to your HTML document:
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>This is a blue paragraph.</p>
</body>
@SitesByYogi
SitesByYogi / internal-css.html
Created June 22, 2023 00:40
Add internal CSS
<head>
<style>
p {
color: blue;
}
</style>
</head>
<body>
<p>This is a blue paragraph.</p>
</body>
@SitesByYogi
SitesByYogi / inline-css.html
Created June 22, 2023 00:39
CSS inline CSS
<p style="color: blue;">This is a blue paragraph.</p>
@SitesByYogi
SitesByYogi / list.html
Created June 22, 2023 00:34
HTML List Tag
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>
@SitesByYogi
SitesByYogi / img.html
Created June 22, 2023 00:33
HTML Image tag
<img src="image.jpg" alt="Description of the image">
@SitesByYogi
SitesByYogi / link.html
Created June 22, 2023 00:31
HTML Link Tag
@SitesByYogi
SitesByYogi / paragraph.html
Created June 22, 2023 00:28
HTML Paragraph Tag
<p>This is a paragraph.</p>
@SitesByYogi
SitesByYogi / headings.html
Created June 22, 2023 00:24
HTML heading tags
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<!-- And so on... -->
@SitesByYogi
SitesByYogi / doc.html
Created June 22, 2023 00:20
An HTML document consists of several elements that define the structure and content of a web page. Here's a basic structure for an HTML document:
<!DOCTYPE html>
<html>
<head>
<title>Your Title</title>
</head>
<body>
<!-- Your content goes here -->
</body>
</html>