Files
G4G0-1/Semester 1/Web Development and HCI/Week 2/Week 2 Web Development.md
2024-01-15 20:14:10 +00:00

101 lines
1.4 KiB
Markdown

## Lecture 1 (13:00) - Text
### IPv4 and DNS
- DNS translates an IPv4 address (12 digit, period separation), to a URI (google.com, salford.ac.uk). This allows a user to input a human readable address, and have it translated to the location of the webserver.
### Markup
- Structural
- Headers
- Paragraphs
- Divs
- Body
- Semantic
- Extra info such as emphasis, quotation, etc.
- 6 levels of heading <\hX><\\hX>
- Paragraph is started with a line break
```html
<sup><\sup> (superscript)
```
```html
<sub><\sub> (subscript)
```
```html
<hr> (Horizonal Break)
```
```html
<strong><\strong> (Strong emphasis)
```
```html
<em><\em> (Subtle Emphasis)
```
```html
<blockquote cite="http://en.wikipedia.org/wiki/Winnie-the-Pooh"><p>Did you ever stop the think, and forget to start again?<\p><\blockquote>
```
```html
<abbr title="professor">Prof<\abbr>
```
```html
<acronym title = "National Aeronautics and Space Administration">NASA<\acronym>
```
## Lecture 2 (15:00)
```html
<cite> (Citation)
```
```html
<dfn> (Definition)
```
```html
<address> (Author Address)
```
```html
<del> or <s> (Linethrough)
```
```html
<ins> (Insert / Underline)
```
- Any content inside a `<div>`, is relative to the division, not the screen / viewport.
```html
<ul>
<li></li>
<li></li>
</ul>
(Unordered List)
```
```html
<ol>
<li></li>
<li></li>
</ol>
(Ordered List)
```
```html
<dl>
<dt></dt> (Definition Title>)
<dd></dd> (Definition Data)
<dt></dt>
<dd></dd>
<dl>
```