How to create a website with HTML | Basics of HTML | Middle school computer science

-

How to create a website with HTML | Basics of HTML | Middle school computer science 

All information comes from the book “Get Coding!”

What is HTML?

HTML stands for HyperText Markup Language. It is a programming language used to create websites. HTML can be used to used to add text and images and create sections and paragraphs for your page. A document is an HTML web page, which is made up of elements. Elements are made through small codes called tags. 

Codes

HTML tags are made up with a piece of code surrounded by two angle brackets (< >). An opening tag would be < > while a closing tag would be </>. <p> stands for a paragraph tag. You can create a paragraph for your website like this: <p> This is not a paragraph, but a sentence written for an HTML. </p> 

Every code for an HTML must begin with <!DOCTYPE html>. This will tell the browser which version of HTML the page was coded in. The <html>  tag tells the browser that HTML has been used to create the page. This is the <head> tag. It can be used to hold <title> tag. <body> tags can be used to display all the contents that you want to display. 

The code would look something like this:

<!DOCTYPE html>
<html>
 <head> 
   <title>
     MylkTV
    </title>
 </head>
<body>
   <p> This is a very cool website! </p> 
</body>
</html> 

How do you convert the HTML into a website?

For Windows:

Step 1- Create a file by opening the Notepad app. You can find it by searching “Notepad” up in the Start Menu.

Step 2- Create a new folder where you will be keeping all your codes in. You can name it something like “Coding” or “Codes”.

Step 3- Once you open Notepad, press file then “Save As.” Save the file into the folder you’ve created. Then, name it anything you would like and add “.html” after. For example, you can do “testcode1.html”.
Press save after you’re done. 

Step 4- Open the coding folder on your desktop. Double click on your html file, which will open your web browser. Thats it!

For Mac:

Step 1- Open the TextEdit app. Set up your file as a plain text, by going to format then selecting make plain text. Make sure that Plain Text is checked and Smart quotes are unchecked. You can see this by going to the menu bar then selecting Preferences. In the Open and Save tab in preferences, make sure Display HTML files as HTML codes instead of formatted text is checked. 

Step 2- Create a folder and name it “Coding” or “Codes”. 

Step 3- Go to file and select save. Select the coding folder as the destination to save your file to. Then, name it anything you would like and add “.html” after. For example, you can do “testcode1.html”.
Press save after you’re done. 

Step 4- Open the coding folder on your desktop. Then, double click the html file. Thats it!


Your final product should look like this (for windows):




Comments

Post a Comment

Popular posts from this blog

Coding with Python ; Sixth grade computer science ; Homeschool

-
Coding with Python ; Sixth grade computer science ; Homeschool  Its been almost 2 weeks since April has started. The weather is heating up and flowers are beginning to bloom. Spring has arrived and I am very pleased. This week for home schooling, computer science was the most interesting subject I took (after math, we were learning geometry) so I decided to write about what I learned.  *Most of these information is from “coding for kids python” and “Everything you need to know about computer science and coding in one big fat notebook”.* Python:  Python is an easy and most widely used programming language. It can be used for creating codes, making projects and designing websites. Python is written in an Integrated Development Environment Program (IDE for short), a program programmers can use to type and edit code and to create Python programs. The IDLE (Integrated Development and Learning Environment) is the program that comes with python when you install it. The IDLE has ...
Read more

New York Metropolitan Museum of Art

-
Image
 New York Metropolitan Museum of Art The Metropolitan museum of Art, located in 5th avenue, is one of the worlds largest art museums in the world. It is the largest art museum in the Western Hemisphere.  On Friday August 12th, I went to the Met museum with my parents. I liked that the museum had a parking garage, and it was next to central park. If you are a New York State resident, the price you pay for tickets are up to you. Since our family lives on Long Island, we only paid 5 dollars. But tickets are usually $30 for adults and $17 for students. Kids under 12 enter for free. To find out more, you can visit their website  https://www.metmuseum.org/visit/plan-your-visit The museum has over 2 million artworks, so it is impossible to see them all in one day. We only visited 4 different galleries.  Map of Metropolitan Museum second floor (Created by Met) Circles are the place we visited ‘The Death of Socrates’ by Jacques Louis David located in the European paintin...
Read more

To Kill a Mocking Bird by Harper Lee || Analysis Summary || Highschool Reading

-
 To Kill a Mocking Bird by Harper Lee || Analysis Summary Written by Harper Lee,  To Kill a Mockingbird  is an American novel exploring the themes of racism, injustice, and compassion. It is one of the most celebrated novels of all time and is read by many students throughout middle schools and high schools.  Important Characters:  Scout (Jean Louise) Finch:  The narrator of the story. Scout is an intelligent tomboy who has a strong sense of justice and compassion,  Jem (Jeremy Atticus) Finch:  The older brother of Scout. He is intelligent, as well as responsible. Jem's point of view and understanding of the world, change throughout the novel by the events that take place. Atticus Finch:  A widowed, middle-aged lawyer and the father of Scout and Jem. He is kind, patient, wise, and a strong advocate for justice and equality.  Tom Robinson:  The accused black whom Atticus defends.  Arthur "Boo" Radley:  A recluse who lives i...
Read more