A web designer makes the pages of the internet appealing, user friendly, and updated with the latest technology.
So when can kids start learning the valuable skills involved in web design?
Today we’ll step into the wide world of web design. Why? Not only is web development a fast-growing field and one of many exciting STEM careers, learning to make a website is an excellent way for kids to combine their interests and get their ideas out there to a wide audience!
Let’s take a closer look at this growing field before you get started with your website.
Web designers deal with the HTML and CSS mostly to create their designs, and they can specialize as UX or UI designers, focusing either on the user experience or the user interface. These designers deal with the flow of the web pages, as well as improving interactions on the website. Basically, they work behind the scenes to craft webpages as we know them today.
And there is a lot of work that goes into this craft! Jumping into HTML lessons with a web development tutor is a great way to grow your skills and master tricky HTML concepts, the better to really let your creativity shine.
After all, a great website needs both great design and development. There are so many components that go into building a good website. From color choices, fonts, the layout of the buttons, what happens on click, everything contributes to the experience.
The nuts and bolts holding that experience together are typically written in HTML: here are some key terms to know.
What is HTML?
What are HTML Tags?
HTML tags are keywords that tell the browser how to format and display content. Most tags are inside < > symbols and consist of an opening and closing identifier.
For example, <body> and </body> is an opening and closing tag where everything in-between is the "body" of the webpage.
The opening and closing tags are the same text but the closing tag usually has a / forward slash. Some tags are exceptions to this rule.
Other tag examples are the paragraph tag <p> </p> and the <html> </html> tag that contains all the html code.
HTML files must have four essential tags to work, so the web browser can understand it and display it correctly. Here are some examples:
Here’s an example of what this will look like:
The structure of a page builds around these tags. Some tags are nested inside other tags. An element above another element in the HTML is called the parent of the element below it, while the element below it is called the child. (When they are equal they are siblings.)
You can see this hierarchy in action in this image. Inside the HTML tag are two major head and body tags. Inside the body tag, it's further divided into div, h1, and p tags.
The basic HTML tags are:
- Text headers - <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tags.
- Paragraph tags <p>
- Horizontal ruler tag <hr>
- Link tags <a>
- Image tag <img>
- Divider tag <div>
What makes HTML different from coding languages?
It goes without saying: there is a lot to explore here. There are endless layers to add to make a website you’re excited to share.
Need some expert guidance? Working with an online tutor is an excellent way to explore concepts at your own pace. Check out our new Online Private Lesson topics to get started today!