HTML - 101 Computing

HTML and CSS Quizzes

Administrator — Mon, 16 Oct 2023 17:13:13 +0000

Do you know your HTML tags used to create a webpage? Do you know how to use CSS to customise the look and feel of all the elements of this page? See how many HTML tags and how many CSS…

The post HTML and CSS Quizzes first appeared on 101 Computing.

Othello Game

Administrator — Mon, 25 Sep 2017 11:25:52 +0000

Othello (a.k.a. Reversi) is a strategy board game for two players, played on an 8×8 board. There are sixty-four identical game pieces called discs which are white on one side and black on the other. Players take turns placing discs…

The post Othello Game first appeared on 101 Computing.

Equalizer Animation Using JavaScript

Administrator — Mon, 10 Jul 2017 21:25:34 +0000

When your browser displays a webpage on screen it uses 3 different programming languages called HTML, CSS and JavaScript. We call the combination of these three languages “client-side web technologies”. Each of the three language has its own syntax and…

The post Equalizer Animation Using JavaScript first appeared on 101 Computing.

Connect4 Challenge

Administrator — Wed, 24 May 2017 13:09:41 +0000

In this blog post you will use HTML, CSS, and JavaScript to complete this game of connect 4 for two players. (Rules of the game) You will first need to reverse-engineer the code provided. The code so far is used…

The post Connect4 Challenge first appeared on 101 Computing.

Mind the Gap

Administrator — Sat, 11 Mar 2017 11:48:37 +0000

The post Mind the Gap first appeared on 101 Computing.

Keep Calm and Carry On Coding

Administrator — Thu, 09 Mar 2017 21:03:21 +0000

The post Keep Calm and Carry On Coding first appeared on 101 Computing.

Responsive Website Layout

Administrator — Tue, 03 Jan 2017 18:49:45 +0000

When designing a website, you have to consider the different sizes of screens of your internet users. These may access your website using a computer (desktop/laptop), a tablet, a smartphone, a smart TV… A responsive website is a website where…

The post Responsive Website Layout first appeared on 101 Computing.

Using Google Fonts

Administrator — Mon, 02 Jan 2017 09:55:59 +0000

When formatting text on a webpage, you will more likely want to use different types of fonts. You may be tempted to use fonts that are installed on your own computers. However, you need to be careful as there is…

The post Using Google Fonts first appeared on 101 Computing.

CSS Snowman

Administrator — Wed, 14 Dec 2016 10:43:36 +0000

Complete the following snowman using HTML and CSS code: See the Pen CSS Snowman by 101 Computing (@101Computing) on CodePen. Add a Message Add a “Merry Christmas” message above or below your snowman. And use CSS and google fonts to…

The post CSS Snowman first appeared on 101 Computing.

HTML – External CSS Stylesheet

Administrator — Mon, 21 Nov 2016 19:10:04 +0000

Did you know? You can use CSS code both within your HTML page or as a separate CSS file Internal CSS Stylesheet Internal CSS is saved wihtin the HTML page by adding a <STYLE> tag inside the <HEAD> section of…

The post HTML – External CSS Stylesheet first appeared on 101 Computing.