Hello

Go here to get started: http://bit.ly/html-starter

Follow along: https://alexanderson1993.github.io/presentation-beginner-html

Hi there! 👋

What to Expect

Make a Website

You teach yourself

Lots of interaction - http://bit.ly/html-starter

What NOT to Expect

Let's get Started!

http://bit.ly/html-starter

The Web

URL

HTTP

HTML

URL

http://example.com

https://url.spec.whatwg.org/

Last Updated 21 August 2018

😱

HTTP

The Hypertext Transfer Protocol (HTTP) is an application protocol for distributed, collaborative, and hypermedia information systems.

🤔

HTML

`Hyper Text Markup Language`

Anatomy of an HTML element

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

</p>

Tags!

<html>
<head>
<body>

Head Tags!

<base>
<link />
<meta />
<object>
<script>
<style>
<title>

Block Tags!

<p>                 <del>
<h1> - <h6>         <div>
<dl>                <figure>
<dt>                <figcaption>
<dd>                <footer>
<ol>                <header>
<ul>                <hr>
<li>                <ins>
<address>           <menu>
<article>           <nav>
<aside>             <noscript>
<blockquote>        <pre>
<section>

Inline Tags!

<a>          <mark>       <br />              
<abbr>       <q>          <bdi>               
<dfn>        <rb>         <bdo>               
<em>         <rp>         <cite>              
<strong>     <rt>         <data>              
<code>       <rtc>        <del>               
<kbd>        <ruby>       <ins>               
<samp>       <sub>        <map>
<var>        <sup>        <object>
<b>          <template>   <param />
<i>          <time>       <source>
<u>          <wbr />      <track>
<small>      <area />     <video>
<s>          <audio>      <iframe>
<strike>     <canvas>
<font>       <embed>
<span>       <img />

Form Tags!

<form>
<button>
<datalist>
<fieldset>
<input>
<keygen>
<label>
<legend>
<meter>
<option>
<output>
<progress>
<select>
<textarea>

Table Tags!

<table>
<tr>
<th>
<td>
<colgroup>
<col>
<caption>
<thead>
<tbody>
<tfoot>

Depricated Tags!

<basefont />        <frame />
<isindex />         <noframes>
<dir>               <listing>
<center>            <plaintext>
<acronym>           <xmp>
<big>               <nextid />
<tt>                <blink>
<applet>            <marquee>
<frameset>          <nobr>
<noembed>