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

Load Times: Creating a Loading Screen In Unity(Game Dev Day 66)

The 7 Best Project Management Tools for Software Development

Chain React 2017 Recap: The First React Native Conference

“Setting up Github Integrated with Unity”

Coding for Kids

coding for kids india

First Portfolios: The Good, the Bad, and the WHY GOD WHY?

Build your own TOR Proxy on a Raspberry Pi (and automate the Process with ‘ansible’)

A screenshot of “https://check.torproject.org/” showing that the browser is configured to use TOR.

Caching the art of delivering data faster

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

From Football Player to Web Developer

Introduction to Programming

My Journey to DLithe Bootcamp

Cloning An E-Commerce Website(Overstock) Using HTML,CSS & JavaScript