My Intro to Markup and Typography for the Web

Web design has many key features for changing the appearance and the typography for the things we publish. This combined with HTML and CSS code, we can create beautiful pages that are enjoyable for the reader and the website audience to view.

A webpage starts out with HTML code that involves creating titles and sub-headers and these are paired with various pieces of media (text, images, and video) which are embedded into the web page. These are enhanced with the CSS code where color, alignment, size, and other options appear. These two come together to make a great website that is both easy to read and that is accessible for it’s users.

In addition, to these markup languages there are other essential points that need to be taken care of when creating a good web page. These involve properly setting margins and white spaces between text as well as including a number of spaces between paragraphs and the lines themselves. Although the computer can present the text more compact, this makes it harder for the readers, thus requiring careful attention from the web designer. These key features may appear to be minuscule, but at the very core, they make or break a great website.

While I was looking through pages for my research, I found that most sites that are popular pay attention to these basics. Sites such as Google can easily align their search bar on the left side of their home page with their logo as well, but this makes the site feel like it’s a search engine because it doesn’t prominently appear in the middle of the page where our eyes generally move to. With these common twerks they can make the site feel much more smoother and easier to work with.

These similar features also appear with elements such as buttons and links. If the link had a hyperlink set to it to forward to a website, this would make it much easier for users to browse sites with, as opposed to them having to copy paste every link that appears. This in text embedding of a link is done through HTML code and it allows for a much better site. Buttons are also a key feature of many websites for online shopping and other sites. If these buttons appeared in various areas of the site, this would confuse the user and I’ve noticed that they are all aligned with the amount of the bills and they are placed at the bottom for paying for a purchase. These are also designed through the markup coding language of HTML and CSS allows them to look and show a visible response for the user.

Overall, these two languages (HTML and CSS) can be brought together to make simple, but elegant web sites. Later on with more practice I hope to be able to create much more with these new tools.