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"
aliases:
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)
- [07-6809-advanced](notes/07-6809-advanced.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)
- [12-pointers-to-routines](notes/12-pointers-to-routines.md)
- [13-OS-intro](notes/13-OS-intro.md)

96
content/notes/html.md
View File

@ -5,26 +5,86 @@ tags:
- 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:
- Opening and closing tags
- Content
- Attributes
Example:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Boy</title>
<meta charset="UTF-8" />
</head>
<body>
<h1>
Hello World! 😃
</h1>
</body>
</html>
```
They are stucture like so:
- <tag attribute="value"> hello world </tag>
# Elements
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
- Image
- Heading
- div, aside, section, nav etc
- meta, title,
- list
- iframe
- svg
- and more
### Videos
``` html
<video src="rabbit320.webm" controls>
<p>Your browser doesn't support HTML5 video. Here
is a <a href="rabbit320.webm">link to the video</a>
instead.</p>
</video>
```
### 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>
```