The Basics: Intro to HTML Review

Lennyroy 💽 — Tue, 10 Sep 2019 00:07:21 +0000

The Basics: Paragraph Tag

Lennyroy 💽 — Sun, 25 Aug 2019 02:48:15 +0000

<p> content </p>

The <p> tag defines a paragraph. We use it to wrap to wrap text.

The Basics: The Paragraph Tag

Navigation

Codepen Lesson
Video Walkthrough
Audio Walkthrough
Helpful Links
Link to Lesson Slide Deck

Codepen Lesson

See the Pen The Basics: The Paragraph Tag by lennyroy
(@lennyroycodes) on CodePen.

Video Walkthrough

Brief YouTube clip of the lesson.

Audio Walkthrough

Brief podcast episode of the lesson.

Podcast Link

Helpful Links

Getting Started with Web Development

Lennyroy 💽 — Tue, 26 Mar 2019 01:19:40 +0000

Intro To Web Development # 1

Activity 1 - Getting Started With HTML

Making our first HTML Elements

Activity 1 Instructions

(Click `Markdown` Button for Syntax Highlighting)

📚 Lesson 1 Tutorial Video 📚

🚀 Lesson 1 Activity Video 🚀

✍️ PDF Print Instructions ✍️

1) Create Header Element

In the index.html section of the page we will begin to create very basic texts and list. Type in the following after the body tag

<header>
  <nav>
    <a href="#">Home </a>
    <a href="#">About</a>
    <a href="#">Books</a>
    <a href="#">Contact</a>
  </nav><!-- End of nav tag -->
</header>

2) Create Section Element

After typing in the header part, begin writing more content for the web page

<section>
  <h2>Popular Books</h2>
  <ul>
    <li>Android Phones<p>Description of Android phones books</p>
    </li>
    <li> Arduino<p>Description of Arduino books</p>
    </li>
    <li>JavaScript<p>Description of JavaScript books</p>
    </li>
  </ul>
  <p>The website will describe the books available at the Library</p>
</section>

3) Create Footer Element

After typing in the popular books section, create the footer(bottom of page)

<footer>
  <h3>Queens Public Library</h3>
  <nav>
    <a href="#">Home </a>
    <a href="#">About</a>
    <a href="#">Books</a>
    <a href="#">Contact</a>
  </nav><!-- End of nav tag -->
  <p>&copy Queens Public Library, 2018</p>
</footer>

Reference Materials

W3 Schools HTML Tutorial => Learn More
Lesson 1 Handout => Learn More

Helpful Links & Resources

Code Acadmey Course on HTML => Learn More

Want the rest of the course? - Click Below

Made by Lennyroy

\ ゜o゜)ノ

DEV Community: Lennyroy 💽