GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-27 14:54:05 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

vault backup: 2022-10-24 17:33:08

Browse Source
This commit is contained in:
Jet Hughes 2022-10-24 17:33:08 +13:00
parent 3d5244737b
commit ced9913e82
3 changed files with 82 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
content/notes/Other Layer.md
View File

@ -2,7 +2,7 @@
title: "Other Layer" title: "Other Layer"
aliases: aliases:
tags: tags:
- cosc203
--- ---
<% tp.file.cursor(4) %>

2
content/notes/cosc-204.md
View File

@ -39,6 +39,8 @@ tags:
- [06-6809-programming](notes/06-6809-programming.md) - [06-6809-programming](notes/06-6809-programming.md)
- [07-6809-advanced](notes/07-6809-advanced.md) - [07-6809-advanced](notes/07-6809-advanced.md)
- [08-intro-to-c](notes/08-intro-to-c.md) - [08-intro-to-c](notes/08-intro-to-c.md)
- [09-intro-to-c-2](notes/09-intro-to-c-2.md)
- [10-intro-to-c-arrays-malloc-free](notes/10-intro-to-c-arrays-malloc-free.md)
- [11-struct-and-union](notes/11-struct-and-union.md) - [11-struct-and-union](notes/11-struct-and-union.md)
- [12-pointers-to-routines](notes/12-pointers-to-routines.md) - [12-pointers-to-routines](notes/12-pointers-to-routines.md)
- [13-OS-intro](notes/13-OS-intro.md) - [13-OS-intro](notes/13-OS-intro.md)

96
content/notes/html.md
View File

@ -5,26 +5,86 @@ tags:
- cosc203 - cosc203
--- ---
Defines the items and the heirarchy of items on a webpage # Structure
Element: `<div id="element" disabled>Hello!</div>
Elements are made up of four things: Example:
- Opening and closing tags ```html
- Content <!DOCTYPE html>
- Attributes <html lang="en">
<head>
<title>Boy</title>
<meta charset="UTF-8" />
</head>
<body>
<h1>
Hello World! 😃
</h1>
</body>
</html>
```
They are stucture like so: # Elements
- <tag attribute="value"> hello world </tag>
Elements can be nested within each other to create more complex arrangements ## Multimedia
### Vector Graphics
``` html
<img
src="star.svg"
alt=“a star vector graphic”
height="87"
width="100" />
```
There are many types of element ```html
<svg width="300" height="200">
<rect width="100%" height="100%" fill="green" />
</svg>
```
- Table ### Videos
- Image ``` html
- Heading <video src="rabbit320.webm" controls>
- div, aside, section, nav etc <p>Your browser doesn't support HTML5 video. Here
- meta, title, is a <a href="rabbit320.webm">link to the video</a>
- list instead.</p>
- iframe </video>
- svg ```
- and more
### Audio
```html
<audio controls>
<source src="viper.mp3" type="audio/mp3">
<source src="viper.ogg" type="audio/ogg">
<p>Your browser doesn't support HTML5 audio. Here
is a <a href="viper.mp3">link to the audio</a>
instead.</p>
</audio>
```
### iframe
Embedding other webpages
``` html
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/track/
5wdo9394EgfGIqoLsMAPzx?utm_source=generator" width="100%" height="380"
frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media;
fullscreen; picture-in-picture"></iframe>
```
## Table
```html
<table>
<tr>
<th>Data 1</th>
<th style="background-color: yellow">Data 2</th>
</tr>
<tr>
<td>Calcutta</td>
<td style="background-color: yellow">Orange</td>
</tr>
<tr>
<td>Robots</td>
<td style="background-color: yellow">Jazz</td>
</tr>
</table>
```