Learning Journal

Remembering HTML

I took Introduction to Web Design last semester and through winter break I had already forgotten about how a few HTML tags are supposed to work. However, within the first few weeks of this class a couple of my peers, as well as the assignments, were able to remind me how things work again.

Audio in a Website

Music is one of life’s greatest pleasures. Everyone loves music, myself included, and to be able to add that to a website is something I adore and want to get more familiar with. So here is some information on it.

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.

Return to HTML

It’s been over a year since I’ve taken Web Design I. I took interaction design in fall of 2021, but I still felt like I needed to improve my HTML and CSS skills more.

IDs vs Classes in HTML

When I first started learning HTML the differences between IDs and classes wasn’t very clear to me and I would mix them up often. I thought they were interchangeable, and while they do very similar things they have their differences and advantages. Here’s a refresher!

What is the HTML head?

To learn about the HTML head, its purpose, the most important items it can contain, and what effect it can have on the HTML document.

The HTML head is the contents of the <head> element unlike the contents of the <body> element. Which are displayed on the page when loaded in a browser, the head’s content is not displayed on the page. Instead, the head’s job is to contain metadata about the document.

The <title> element is metadata that represents the title of the overall HTML document, not the document’s content. Metadata is data that describes data, and HTML has an “official way of adding metadata to a document the <meta> element. <meta charset=”utf-8”> This element specifies the document’s character encoding, the character set that the document is permitted to use. “utf=8”, is a universal character set that includes pretty much any character from any human language. This means that your web page will be able to handle displaying any language

Interneting is not hard.

Since it had been a year since I took Intro to Web Design I decided to go thru the free tutorials at Interneting is Hard.

The ‘golden rule’ of nesting

In light of the future resume assignment I wanted to review some best practices for the nesting order of HTML elements. Keeping track of where tags begin and end can be challenging, but having a clearer understanding of nesting helps.

A Return to Some HTML Basics

Diving back into HTML after a break proves to sometimes be challenging, with forgotten information or improperly used tags. However, revisiting some of the key basic information has helped me tremendously and it proves that it’s always a smart idea to revisit the basics.

HTML TAGS

Over the past weeks, I’ve learned a lot about HTML tags, the most important is that there are a lot of tags and each tag has a specific function. I’ll share with you some unusual tags.

Html Link Tags

What if I told you that there is more than one link tag. During HTML coding we usually use only one link tag the “a” tag.

Flexbox

Flexbox is evil i have proof i kind you not i spend three hours on a code line because i had missed one important detail what was the real flex container. now if you do not use flexbox often then you may not know that term.

Weeks 11 & 12: Sass, Parallax, and Bootstrap

We are almost at the finish line and I feel like I’ll definitely enjoy having a break! We have been covering so much in this class, and in the last two weeks we learned about a few more different techniques.

Last Month, Still Lots to Learn

We are coming towards the end of the semester with this last month. Within these past two weeks, it felt slow in work, however we learned quite a bit of new techniques. We have been focused on positioning with flexbox that we are at the hurdle where these other CSS properties are starting to come in and to learn.

Pages: 12