In this class we looked at various things about code such as why learn HTML and CSS, what is HTML, page structure of code, head elements in code. I have previously learned about code in college but it was good to get a refresher as I have not used code for a while.
Before getting right into code we had a lecture covering the basics of code, why use it and basic coding structure such as how to open and close a code tag. Another thing we looked at was why learning code is important as working as a designer, knowing how how to code will increase employ ability and you will get more respect knowing how to make a CSS HTML version of your idea and not just a wireframe and mock up.
HTML (Hyper Text Markup Language) is the structure of code. It is a unreliable structure in programming language. HTML is the basic building blocks for web development allowing a designer to code the structure a webpage and add the content to it. Once HTML is coded the webpage will look very basic with no font choice, imagery, positioning which is why style CSS is required.
A website we looked at in class called ‘Mozilla’ was very interesting to me which I will defiantly use in the future. This website has a HTML Elements reference page which is like a library of every piece of code a designer can use in HTML. What I like about this is that I can click on whichever piece of code I want and it tells you what it does, what it look like and some other information such as browser compatibility which is something I never thought I would look at. Mozilla also includes some code which is no longer used which these are shown with a red bin beside the name.
Another website we looked at was ‘W3 Schools’ which is the website I have used before in college. This website is very similar to Mozilla which it has a list of HTML code which the user can click and read what the code is used for, examples and a ‘try it yourself’ section which is good for practice.
We covered the basics of HTML code such as where the opening tag is, the content and how to close a code tag. Most of the stuff covered here I have previously learned about but one new thing I learned was that you can code your website to adapt to different languages depending where the user is located. I always thought this was default by web browsers using AI to translate however in code you use a tag <html lang=”…”>. This can make your website universal to cover all characters in all human languages.
Other code head elements discussed was view port attribute which determines screen size and description attribute which gives your webpage a brief summary in search results.