Saturday, December 2, 2023

Computer Science Week: Let's Learn HTML Code!

Computer Science Education Week coincides with the birthdays of two computer science pioneers. A pioneer is a person who is one of the first to enter a field of study or explore a new area of thought. 

Who were these two computer science pioneers?

1. Ada Lovelace, born in England on December 10, 1815, is considered the world's first computer programmer.

    2.  Grace Hopper, whose birthday is December 9, 1906, was an American computer programmer and Navy rear admiral. She contributed to the development of the COBOL language and is credited with popularizing the term "computer bug" in the programming community. 

    Grace Hopper said, "To me programming is more than an important practical art. It is also a gigantic undertaking in the foundations of knowledge."

💻          💻          💻

What is HTML coding and is it difficult to learn? 

HTML (Hypertext Markup Language) is a computer language. One important trait when writing any type of code is to persevere, or never give up.  Sometimes you try an algorithm, or list of steps used to solve a problem, and it fails. Don't give up. Instead, adjust your algorithm. Try again! This strategy is called trial and error.

*     *     *     *     *

What keystrokes or symbols are needed to write HTML code? 

To write HTML code, use the following symbols:

Important: Do NOT add a space between the HTML tag and the word or sentence.


1.  To put text in italics, place this HTML code around the text:



The sentence will look like this when published:

Bloggers should always proofread a comment before publishing.


2.  To make text bold, place this HTML code around the text:

The sentence will look like this when published: 

Bloggers should always proofread a comment before publishing.



3.  To make a hyperlink, it gets a little tricky.

Use the following HTML code around the URL and add your own link word/words:

  [The URL is the address of the web page. It starts with http://www…]

The HTML code below:

Will become this hyperlink when published:

Mrs. Yollis’ Website


 Great Tip!

I leave a document on my desktop called HTML Code. All the code I regularly use is there. The hyperlink code is very tricky for me to remember. So, I leave several blank code links in the HTML Code document like this:


All I have to do is copy/paste the URL where it goes and change the word link into what I want the link to be. I then copy the customized code into my comment. It really saves time for people like me who cannot remember the hyperlink code!

 Here is a video demonstrating how easy it is to a create a hyperlink if you have the code set up in a Word doc.

If you like to add fun are those codes!

Here are the codes for some animals!
&#x______; are needed to complete the code. 

Challenge: Leave us a comment with at least two HTML codes!

 Happy coding, everyone!