Showing posts with label learn_html. Show all posts
Showing posts with label learn_html. Show all posts

Monday, December 16, 2024

Computer Science Week! Let Learn HTML Coding

Last week was  Computer Science Education Week!





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, born on December 9, 1906, was an American computer programmer and Navy rear admiral. She contributed to developing the COBOL language and popularized 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 shapes...here 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!

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 shapes...here 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!

Friday, October 8, 2010

How to Compose a Quality Comment!


The fabulous Miss Wyatt, from The Student Blogging Challenge, asked if I would guest post about commenting. I commenting and am happy to contribute!



Blogging has many parts: the post, the comments, and the sidebar.

If you do a good job with all of the parts, your blog will be more interesting.

Today we will focus on quality comments!



Content is key!
In our class, we evaluate our blog comments.
A one-point comment is a general comment that doesn't add very much to the post. Example: I like your blog. Please visit mine! A two-point comment adds something to the comment conversation. A commenter might compliment the writer in a specific way or add new information. Another idea is to make a connection. Maybe the post reminds you of an experience that you've had. Share that connection!  Try to end your comment with a relevant question. That way, an interesting conversation can develop.

Here is a video we made with tips to help you take your comments to the next level!





How to Compose a Quality Comment! from mrsyollis on Vimeo.

If Vimeo is blocked, here it is on YouTube.







We like to open our comments with a greeting and end with a closing. We choose to do this as it makes it easier for us to follow the conversation within a comment section.

Mrs. Smith, from Ontario, Canada, adds another excellent idea:
Give some information about where you are from and what grade you are in.
Thanks for a great tip, Mrs. Smith! 



-For Advanced Bloggers-

Some bloggers like to use HTML code to make their comments better.  Learning to write HTML code, or HTML tags, is a somewhat simple way to take your comment to the next level.


HTML (Hypertext Markup Language) is a language.




*     *     *     *     *


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


Sometimes it is hard to remember the HTML codes. I keep an HTML word document on my desktop with all the common codes, especially the one to create a hyperlink. 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 shapes...here are those codes!





Challenge #4: 

This week, try to visit ten blogs and leave a quality comment on each one. End each comment with a question. Check back in a day or two to see if you get a response!  Try to get a conversation going! Here is a list of student bloggers. Look for students around your age and drop them a quality comment!



Leave us a comment about your success!

Here is a video about how to leave a comment on our blog.


Ask us for help if you need any!