Learn More HTML in 12 Minutes

By: Jake Wright

4406   75   426201

Uploaded on 09/10/2013

You will learn some more essential HTML tags along with some attributes that can be used to give the tags extra properties. After watching both videos (part 1 and this one), you will know enough HTML to make a website. You can then look into CSS to add style to your website.

LEARN CSS IN 12 MINUTES
http://youtu.be/0afZj1G0BIE

LEARN JAVASCRIPT IN 12 MINUTES
http://youtu.be/Ukg_U3CnJWI

Looking to do something more advanced with a webpage? PHP is one of the most useful languages to know when developing for the web. Check out my video LEARN PHP IN 15 MINUTES: http://youtu.be/ZdP0KM49IVk

Watch the first part of the Learn HTML in 12 Minutes series:
http://youtu.be/bWPMSSsVdPk

Subscribe for more HTML, CSS and PHP tutorials!

---------- Text Editors ----------

For Windows users, I recommend using Notepad++ to edit HTML files:
http://notepad-plus-plus.org

For Mac users, I recommend Sublime Text:
http://www.sublimetext.com

---------- Cloud Hosting ----------

I host my websites on a Digital Ocean VPS https://m.do.co/c/791d593997b2

http://jakewright.net

Comments (4):

By anonymous    2017-09-20

All heading elements like <h1>, <h2>, <h3> upto <h6> have some default margin in all browsers(Can vary from browser to browser).

You need to remove or reset this margin as per your needs.

#main h4,
#main h5 {margin: 0;}

#main{
  color: black;
  width: 350px;
  float: right;
}

#main h4,
#main h5 {margin: 0;}
<div id="main">
  <h1>HOME PAGE</h1>
  <ol>
    <li>
      <h4><a href="https://www.youtube.com/watch?v=KJ13lX20FqU" target="_blank">basic html with basic tags</a></h4>
      <ul>
        <li>
          <h5><a href="http://www.w3schools.com/TAgs/tag_li.asp" target="_blank">basic tags colleciton</a></h5>
        </li>
      </ul>
    </li>
  </ol>   
</div>

Original Thread

By anonymous    2017-09-20

In your example, the margins are from the headings, try;

#main{
    color: black;
    width: 350px;
    float: right;
}
h4, h5{
 margin: 0;
}
<div id="main">
 <h1>HOME PAGE</h1>
 <ol>
  <li>
  <h4><a href="https://www.youtube.com/watch?v=KJ13lX20FqU" target="_blank">basic html with basic tags</a></h4>
   <ul>
    <li>
     <h5><a href="http://www.w3schools.com/TAgs/tag_li.asp" target="_blank">basic tags colleciton</a></h5>
    </li>
   </ul>
  </li>
 </ol>   
</div>

Original Thread

Popular Videos 209

Submit Your Video

If you have some great dev videos to share, please fill out this form.