Scribd
Upload
114 views249 pages

HTML Presentation Slides

Uploaded by

questgain100
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
114 views249 pages

HTML Presentation Slides

Uploaded by

questgain100
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

futurefullstack.

com
[Link]
Dan’s Top 5 Best Things on the Internet
This is my list of the funniest things I’ve seen on the internet

1. Boaty McBoat Face


2. Hamish and Andy – Job Reference
3. Michael McIntyre - Gym Change Room
4. Corey Worthington
5. Dollarydoos
[Link]
[Link]

<p> I am a paragraph </p>


[Link]

<p> I am a paragraph </p>


[Link]

<p> I am a paragraph </p>


[Link]

<a> <caption> <img> <span>


<abbr> <cite> <input> <strong>
<address> <details> <label> <style>
<article> <div> <li> <sub>
<aside> <em> <map> <sup>
<audio> <figcaption> <nav> <svg>
<b> <footer> <ol> <table>
<blockquote> <head> <p> <tbody>
<body> <hr> <script> <td>
<button> <iframe> <select> <textarea>
[Link]

.pdf
.jpg .mp3 .mp4
.txt
.png .wav .mov
.html
[Link]

.jpg .html
[Link]

[Link]
[Link]
[Link]

[Link]

<p>I am a paragraph</p>
[Link]

<!DOCTYPE html>
<html>
<head>
<title>I am a title</title>
</head>
<body>
<p>I am a paragraph</p>
</body>
</html>
[Link]

<!DOCTYPE html>
<html>
<head>
<title>I am a title</title>
</head>
<body>
<p>I am a paragraph</p>
</body>
</html>
[Link]

<!DOCTYPE html>
[Link]
[Link]

<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<p>I am a paragraph</p>
</body>
</html>
[Link]

<!DOCTYPE html>

<html>

</html>
[Link]
[Link]

<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<p>I am a paragraph</p>
</body>
</html>
[Link]

<!DOCTYPE html>

<html>
<head>
<title>Document</title>
</head>

</html>
[Link]
[Link]

<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<p>I am a paragraph</p>
</body>
</html>
[Link]

<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<p>I am a paragraph</p>
</body>
</html>
[Link]
[Link]

lang=“es”
lang=“fr”
lang=“ja”
[Link]

<!DOCTYPE html>
<html>
<head>
<title>I am a title</title>
</head>
<body>
<p>I am a paragraph</p>
</body>
</html>
[Link]
[Link]

<!DOCTYPE html>
<html>
<head>
<title>I am a title</title>
</head>
<body>
<p>I am a paragraph</p>
</body>
</html>
[Link]

<!DOCTYPE html>
<html>
<head>
<title>I am a title</title>
</head>
<body>
<p>I am a paragraph</p>
</body>
</html>
[Link]
[Link]
[Link]

<h1> Get Started </h1>


[Link]

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>
[Link]

<h1>Heading 1</h1>
[Link]

<h1>A platform built for a new way of working</h1>

<h1>
[Link]

<h1>Heading 1</h1>

<h2>Heading 2</h2>
[Link]

<h2>Everything you need for any workflow</h2>

<h2>
[Link]

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>
[Link]

<h3>Dashboards</h3>

<h2>

<h3>
[Link]

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]

<p> Paragraph text </p>


[Link]
[Link]
[Link]
[Link]
[Link]
[Link]

<ol>
<li>Liverpool</li>
<li>Arsenal</li>
<li>Man City</li>
</ol>
[Link]
[Link]

<ul>
<li>Pineapple</li>
<li>Olives</li>
<li>Mushrooms</li>
</ul>
[Link]

<ol>
<li>
Initial research
<ul>
<li>Decide date and time</li>
<li>Set a budget</li>
</ul>
</li>
<li>Send out invitations</li>
<li>Arrange catering</li>
</ol>
[Link]
[Link]
[Link]
[Link]
[Link]

<!-- This is a comment -->


[Link]
[Link]
[Link]
[Link]
[Link]

> MacintoshHD / Users / danielbrand / Desktop / Quill / [Link]


[Link]

> MacintoshHD/Users/danielbrand/Desktop/Quill/[Link]
[Link]
[Link]

“[Link]” MacintoshHD/Users/danielbrand/
Desktop/Quill/[Link]

“[Link]” MacintoshHD/Users/danielbrand/
Desktop/Quill/[Link]

“images” MacintoshHD/Users/danielbrand/
Desktop/Quill/images

“images/[Link]” MacintoshHD/Users/danielbrand/
Desktop/Quill/images/[Link]

“images/[Link]” MacintoshHD/Users/danielbrand/
Desktop/Quill/images/[Link]
[Link]

“[Link]” MacintoshHD/Users/danielbrand/
Desktop/Quill/[Link]

“[Link]” MacintoshHD/Users/danielbrand/
Desktop/Quill/[Link]

“images” MacintoshHD/Users/danielbrand/
Desktop/Quill/images

“images/[Link]” MacintoshHD/Users/danielbrand/
Desktop/Quill/images/[Link]

“images/[Link]” MacintoshHD/Users/danielbrand/
Desktop/Quill/images/[Link]
[Link]
[Link]
[Link]

<a href=“[Link] > Facebook Page </a>


[Link]

<a href=“[Link] Page</a>

<a href=“register”>Get Started</a>


[Link]

<ul>
<li> <a href=“login”> Login </a> </li>
<li> <a href=“register”> Register </a> </li>
</ul>
[Link]
[Link]
[Link]
[Link]

<ul id=“navigation” >


<li><a href=“login” id=“login-link” >Login</a></li>
<li><a href=“register” id=“register-link” >Register</a></li>
</ul>

<h1 id=“main-title”>Mindful living for the digital world</h1>

<h2 id=“how-it-works”>Finally, a simple and easy to use journal app</h1>


[Link]

<a href=“#seminars”>Book now</a>

<h2 id=“seminars”>Scheduled seminars.</h1>


[Link]
[Link]

<p>Paragraph text</p> <meta> <meta />


[Link]

<area> <input>
<base> <link>
<br> <meta>
<col> <param>
<embed> <source>
<hr> <track>
<img> <wbr>
[Link]

<hr> <hr /> <br> <br />


[Link]
[Link]
[Link]
[Link]
[Link]

<img src=“[Link] alt=“blue dolphin” >


[Link]

<img src=“[Link] alt=“blue dolphin”>

<img src="images/[Link]” alt=“blue dolphin”>


[Link]
[Link]

JPG PNG
[Link]
[Link]

JPG PNG SVG AI


[Link]
[Link]

<svg stroke-width="1.5” fill=”none" >


<path d="M2.25 12l8.954-8.955c.44-.439 1.152-.439” />
</svg>
[Link]

[Link] [Link]

images/[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]

<form action=“/api/v1/journals” method=“post” >


<!-- form elements --> GET POST
PUT DELETE
</form>
CODE CREW [Link]

method=“get” action=“/history”
CODE CREW [Link]

method=“post” action=“/history”
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]

<input type=“text” name=“title” placeholder=“Enter title” >

type=”email” name=”email” maxlength=”10”


type=”password” name=”user-password” required
type=”date” name=”name” disabled
[Link]

action=“/history”
type=“book”
method=“get”
name=“Maus”
[Link]

action=“/history”
type=“book”
method=“post”
name=“Maus”
[Link]

action=“/history”
type=“movie”
method=“get”
name=“Unbroken”
[Link]

action=“/history”
type=“movie”
method=“post”
name=“Unbroken”
[Link]
[Link]
[Link]

<label for=“main-title” >Journal Title</label>

<input id=“main-title” type=“text” name=“title” placeholder=“Enter title” >


[Link]
[Link]
[Link]
[Link]

<textarea ></textarea>
[Link]

<label for=“journal-entry”>Journal Entry</label>

<textarea id=“journal-entry” name=“entry” rows="5" cols="30" ></textarea>


[Link]
[Link]
[Link]
[Link]

<label for=“journal-category”>Journal Category</label>


<select id=“journal-category” name=“category” >

<option value=“task” >Task</option> category=“task”

<option value=“note” >Note</option>

<option value=“idea” >Idea</option>


</select>

title=”serenity”
[Link]
[Link]
[Link]
[Link]

<button > Submit </button>


[Link]

<button type=“submit” > Submit </button>


[Link]

<a href=“register”>Get Started</a> <button type=“submit”>Submit</button>


[Link]
[Link]

action=“/history”
type=“book”
method=“post”
name=“Maus”
[Link]

<form action=“/api/v1/journals” method=“post”>


<label for=“main-title”>Journal Title</label>
<input id=“main-title” type=“text” name=“title” placeholder=“Enter title” />
<label for=“journal-category”>Journal Category</label>
<select id=“journal-category” name=“category” >
<option value=“task” >Task</option>
<option value=“note” >Note</option>
<option value=“idea” >Idea</option>
</select>
<label for=“journal-entry”>Journal Entry</label>
<textarea id=“journal-entry” name=“entry” rows="5" cols="30"></textarea>
<button type=“submit”>Submit</button>
</form>
[Link]

title = ”Car washing”

<input id=“main-title” type=“text” name=“title” placeholder=“Enter title” />

category = ”idea”

<select id=“journal-category” name=“category” >


<option value=“task”>Task</option>

<option value=“note”>Note</option>

<option value=“idea”>Idea</option>
</select>
[Link]

entry = ”A car wash that serves


coffee while you wait”

<textarea id=“jounral-entry” name=“entry” rows="5" cols="30"></textarea>


[Link]

title=”Car washing”

category=”idea”

entry = ”A car wash that serves coffee


while you wait”
[Link]

title=”Car washing”
category=”idea”
entry=”A car wash that serves
coffee while you wait” method=“post” action=“/api/v1/journals”
[Link]

action=“/history”
type=“book”
method=“post”
name=“Maus”
[Link]

action=“/history”
type=“book”
method=“get”
name=“Maus”
[Link]

action=“/history”
type=“book”
method=“post”
name=“Maus”
[Link]

action=“/history”
type=“book”
method=“get”
name=“Maus”
[Link]
[Link]
[Link]
[Link]

<input type=“text” name=“title” required />

minlength=”3”
maxlength=”10”

min=”18”
max=”30”

required
[Link]
[Link]
[Link]
[Link]

<input id=“topping-1” type=“checkbox” name=“pineapple” >


<label for=“topping-1”>Pineapple</label>

<input id=“topping-2” type=“checkbox” name=“corn” >


<label for=“topping-2”>Corn</label>

<input id=“topping-3” type=“checkbox” name=“olives” >


<label for=“topping-3”>Olives</label>
[Link]
[Link]

<input id=“small” type=“radio” name=“size” value=“s” >


<label for=“small”>Small</label>

<input id=“medium” type=“radio” name=“size” value=“m” />


<label for=“medium”>Medium</label>

<input id=“large” type=“radio” name=“size” value=“l” />


<label for=“large”>Large</label>
[Link]

title=”car wash business” size=”s”


[Link]

<input id=“topping-1” type=“checkbox” name=“pineapple” /> <input id=“small” type=“radio” name=“size” value=“s” />

<label for=“topping-1”>Pineapple</label> <label for=“small”>Small</label>

<input id=“topping-2” type=“checkbox” name=“corn” /> <input id=“medium” type=“radio” name=“size” value=“m” />
<label for=“topping-2”>Corn</label> <label for=“medium”>Medium</label>

<input id=“topping-3” type=“checkbox” name=“olives” /> <input id=“large” type=“radio” name=“size” value=“l” />
<label for=“topping-3”>Olives</label> <label for=“large”>Large</label>
[Link]

<h1> <p> <ul> <li> <a> <img> <br> <input>


[Link]

<ul>
<li> <a href=“login”>Login</a> <li>
<li> <a href=“register”>Register</a> <li>
</ul>
[Link]

<a href=“login”> <h1>Login</h1> </a> <h1> <a href=“login”>Login</a> <h1>


[Link]

<ul>
<li></li> <h1><a></a></h1>
<ul>

<a><h1></h1></a> <a><img></a>
[Link]
[Link]
[Link]
[Link]

<div>
<!-- code block -->
</div>
[Link]
[Link]

<h1>Create <span> Amazing </span> Journals</h1>


[Link]

<div> <span>
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]

LOGO Industries Styles Trends Resources

Dan’s UX Review

Notion Design Review NOTION FREE TRIAL


A deep dive look at the effectiveness of of
simple elements Claim now

Design by Industry
AdTech EdTech FinTech HealthTech MarTech

Testimonials
“My go-to resource for best UX ”Actionable insights with real
tips and tricks” world examples”

LOGO hello@[Link]
[Link]

LOGO Industries Styles Trends Resources

Dan’s UX Review

Notion Design Review NOTION FREE TRIAL


A deep dive look at the effectiveness of of
simple elements Claim now

<body>
Design by Industry
AdTech EdTech FinTech HealthTech MarTech

Testimonials
“My go-to resource for best UX ”Actionable insights with real
tips and tricks” world examples”

LOGO hello@[Link]
[Link]

<header>

LOGO Industries Styles Trends Resources

Dan’s UX Design Review

<main>
Notion Design Review NOTION FREE TRIAL
A deep dive look at the effectiveness of of
simple elements Claim now

<body>
Design by Industry
AdTech EdTech FinTech HealthTech MarTech

Testimonials
“My go-to resource for best UX ”Actionable insights with real
tips and tricks” world examples”

<footer>
LOGO hello@[Link]
[Link]

<header> <nav>
LOGO Industries Styles Trends Resources

Dan’s UX Design Review


<article>
<main>
Notion Design Review NOTION FREE TRIAL
A deep dive look at the effectiveness of of
simple elements Claim now

<body> <aside>
Design by Industry
AdTech EdTech FinTech HealthTech MarTech

Testimonials
“My go-to resource for best UX ”Actionable insights with real
tips and tricks” world examples”
<section>

<footer>
LOGO hello@[Link]
[Link]

<header>

<nav>

<main>

<article> <aside>

<body>
<section>

<section>

<footer>
[Link]

<header>

<nav>

<main>

<section>

<body>
<nav>
<section>

<section>

<footer>
[Link]

<header>

<nav>

<main>

<section>

<body>
<nav>
<section>

<section>

<footer>
[Link]

<header>

<nav>

<main>

<section>

<body>
<section>

<section>

<footer>
[Link]
[Link]

<header>

<nav>

<section>
[Link]

<main>

<section>

<div>

<div>

<div>
[Link]

<main>

<section>

<footer>
[Link]
[Link]
[Link]

Event Fight Venue City PPV

UFC 189 Mendes vs. McGregor MGM Grand Las Vegas 825,000

UFC 194 Aldo vs. McGregor MGM Grand Las Vegas 1,200,000

UFC 196 McGregor vs. Diaz MGM Grand Las Vegas 1,317,000

UFC 202 Diaz vs. McGregor 2 T-Mobile Las Vegas 1,650,000

Total Sales 4,992,000


[Link]

<table>

Event Fight Venue City PPV

UFC 189 Mendes vs. McGregor MGM Grand Las Vegas 825,000

UFC 194 Aldo vs. McGregor MGM Grand Las Vegas 1,200,000

UFC 196 McGregor vs. Diaz MGM Grand Las Vegas 1,317,000

UFC 202 Diaz vs. McGregor 2 T-Mobile Las Vegas 1,650,000

Total Sales 4,992,000


[Link]

<thead>
Event Fight Venue City PPV

<tbody>
UFC 189 Mendes vs. McGregor MGM Grand Las Vegas 825,000

UFC 194 Aldo vs. McGregor MGM Grand Las Vegas 1,200,000

UFC 196 McGregor vs. Diaz MGM Grand Las Vegas 1,317,000

UFC 202 Diaz vs. McGregor 2 T-Mobile Las Vegas 1,650,000

<tfoot>
Total Sales 4,992,000
[Link]

<tr> Event Fight Venue City PPV

<tr> UFC 189 Mendes vs. McGregor MGM Grand Las Vegas 825,000

<tr> UFC 194 Aldo vs. McGregor MGM Grand Las Vegas 1,200,000

<tr> UFC 196 McGregor vs. Diaz MGM Grand Las Vegas 1,317,000

<tr> UFC 202 Diaz vs. McGregor 2 T-Mobile Las Vegas 1,650,000

<tr> Total Sales 4,992,000


[Link]

<th>

Event Fight Venue City PPV

UFC 189 Mendes vs. McGregor MGM Grand Las Vegas 825,000

UFC 194 Aldo vs. McGregor MGM Grand Las Vegas 1,200,000

UFC 196 McGregor vs. Diaz MGM Grand Las Vegas 1,317,000

UFC 202 Diaz vs. McGregor 2 T-Mobile Las Vegas 1,650,000

Total Sales 4,992,000

<td>
[Link]

<td colspan=“4” >Total Sales<td>


[Link]

<td colspan=“4” >Total Sales<td>

UFC 202 Diaz vs. McGregor 2 T-Mobile Las Vegas 1,650,000

Total Sales 4,992,000


[Link]

<td rowspan=“3” >MGM Grand<td>


[Link]

<td rowspan=“3”>MGM Grand<td> <td rowspan=“4”>Las Vegas<td>

Venue City PPV

MGM Grand Las Vegas 825,000

MGM Grand 1,200,000


MGM Grand Las Vegas
Las Vegas

MGM Grand Las Vegas 1,317,000

T-Mobile Las Vegas 1,650,000


[Link]
[Link]
[Link]
[Link]
[Link]

<sup> [8] </sup>

<sub> r </sub>
[Link]

<figure>
<img>
<figcaption> Pieces of potassium metal </figcaption>
</figure>

You might also like