gretagunell – Learning Journal

Fasten Your Bootstraps!

What is bootstrap? To put it simply, bootstrap is a CSS framework that allows designers to develop responsive, mobile-first websites. There are times when using bootstrap is ideal, and other times when it is now. To learn more, keep reading!

What’s A Media Query?

Understanding this key part of responsive web design is essential before learning how to use them in your CSS code.

Creating a Website Draft Using Adobe XD

A website draft can be a great way to get your layout down before beginning to code.

So You Think You Can Layout?

The Big Four of CSS Positioning: Flexbox, Grid, Float, and Positioning. What is the difference and which should I be using?

Diving Into the Basics of CSS

It’s important to know how to change the basic rules of CSS using Dreamweaver, such as font, color, and spacing.

Let’s Play Tag

HTML will come easy once you learn the rules of the game.
Self

Tags are elements that help you tell your website what you want it to do. You use these tags as building blocks to create your code. It’s best to start off by explaining the basic tags so that you can understand how they are used.

<html> … </html> — The root element. …
<head> … </head> — The document “head.” It is instructions for the website that won’t be shown on the website.
<title> … </title> — The title of your page.
<body> … </body> — The page’s content that will be visible to everyone.
<h1> … </h1> — A section heading. You can also do subsection headings with h2, h3, and so on …
<p> … </p> — A paragraph of text.
<a> … </a> — A link. It can link to another page of your site, another place on your page, or an outside source. Totally up to you.
<img> — An image.
<footer> The bottom section of your page

There are plenty of other tags that can help you customize your site. These basic ones will help make your code effective and organized. Don’t worry about how your HTML looks at first. HTML is the structure of the site. You can customize the visuals afterwards using CSS.

Congrats! You’ve just learned the rules of tag. Now you can get started on your site.