Learning to Code: Day 2 — Basic HTML and HTML5 Part 2

Dead Links

<p>Click here to view more <a href=”#” target=”_blank”>cat photos</a>.</p>

Turning an Image into a Link

<a href=”#”><img src=”https://bit.ly/fcc-relaxing-cat" alt=”A cute orange cat lying on its back.”></a>

Creating a unordered Bullet Point style list

<ul>
<li>milk</li>
<li>cheese</li>
</ul>

Creating an ordered list

Creating a Text Field for the User

<input type=”text”>

Adding a Placeholder to the Text Field

<input type=”text” placeholder=”What’s on your mind?…”>

Creating a Web Form element

<form

action=”https://freecatphotoapp.com/submit-cat-photo">

<input type=”text” placeholder=”cat photo URL”>

</form>

Adding a Button element to the Form

<button type=”submit”>this button submits the form</button>

--

--

--

Step by step, learning to code with FreeCodeCamp

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to Reset Cherry Mobile Omega XL

Hard Reset your phone

Thanks You To The A&Q Community For Participating In Ask Me Anything ( AMA ) With 2Crazy On June…

Mistletoe Offline

Expressive improvements for Bluetooth on Fedora 27

Ghost is the WordPress alternative I was looking for

Recursion

V21 Athena — Release Candidate 1

The journey of a self-driving car engineer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Hugh Burgess

Hugh Burgess

Step by step, learning to code with FreeCodeCamp

More from Medium

Epic of beginner developer

Day29 of #100DaysOfCode

Top 7 Practical Uses Of Javascript In The Real World

Basics of HTML :