Calculator with html

Video tutorial

Colabtricks

Colab’s tricks

Save code

1. Save cell’s code

   %%writefile name.py
   import torch
   a=torch.tensor([1,2,3,4])
   print(a)
   

   Note that %%writefile code.py should be put at the beginning of the cell

Open a Github notebook using Colab

Change the domain from 'github.com' to 'githubtocolab.com'. The notebook will open in Colab. See other tricks.

Convert ipynb notebook

1. to pdf

   • Go to Colab
   • Upload your IPython notebook to Colab
   • run these following commands

     #intall nbconvert for Linux system
     !sudo apt-get install texlive-xetex texlive-fonts-recommended texlive-generic-recommended
     #convert command
     !jupyter nbconvert --to pdf ttl.ipynb
     

   • A pdf file will appear next to the your notebook, just download it.

2. to interactive html
   (the original technique is here, as an example visit this post)

   • Go to Colab
   • Upload your notebook to Colab
   • run these following commands

     #intall nbinteract
     !pip install nbinteract
     #convert command
     !nbinteract {notebook_filename}.ipynb -s {GitHub_UserName}/{Gist_ID}
     

   • An html file will appear next to the your notebook, just download it and make necessary modification if needed.

HTML blog

Contents

• 1 What is HTML?
• 2 How to format text?

What is HTML?

HTML stands for Hyper Text Markup Language. It is used to create a web pages and applications. This language is easily understandable by the user and also be modifiable. It is actually a Markup language, hence it provides a flexible way for designing the web pages along with the text.

HTML file is made up of different elements. An element is a collection of start tag, end tag, attributes and the text between them.

How to format text?

Collapsed text?

Collapsed text

Centered text?

Centered text

Colored, bold, italic, underline text?

Colored, bold, italic, underline text

List text?

Coffee

- black hot drink

Milk

- white cold drink

• Coffee
• Tea
• Milk

1. Coffee
2. Tea
3. Milk

Table

It is a 1st Cell of 1st row in the 1st Table.	It is a 2nd Cell of 1st row in the 1st Table. It is a 1st Cell of 1st row in the 2nd Table. It is a 2nd Cell of 2nd row in the 2nd Table.
It is a 3rd Cell of 2nd row in the 1st Table.	It is a 4th Cell of 2nd row in the 1st Table.

div, span, style, and class

Div is a container in HTML in block-level.

Span is also a container in HTML but in a line-level.

London

Class is defined in the header part of HTML and used in this div.

url of the same HTML

Image and Button cannot be put inside details-tag.