dailydiarytech

Search This Blog

File Zilla

on October 11, 2021

Get link
Facebook
X
Pinterest
Email
Other Apps

Host: scomlab.hsu.edu.hk

username:sid

password:

port:22

http://scomlab.hsu.edu.hk/~sid/filename

username: scom

password: cmct

https://scomlab.hsu.edu.hk/~t3001/

HTML

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

How to add JavaScript to a HTML Document?

How to add JavaScript to a HTML Document? Internal script <script> ... JavaScript code goes here </script> Example: index.html <!DOCTYPE html> <html> <head> <title>Simple Page</title> <script > var n = 10; alert(n); </script> </head> <body> </body> </html> External scripts <script src="my_script.js"></script> Example: index.html <!DOCTYPE html> <html> <head> <title>Simple Page</title> <script src="my_script.js"></script> </head> <body> </body> </html> my_script.js var n = 10; alert(n);

Javascript Structure

Javascript Structure 1. Data Types number var n1 = 1; var n2 = 2.5; string var s = "hello"; boolean var isNumber = true; var isString = false; array var a1 = [2, 5, 6, 8]; var a2 = [4, "hello", 4.5, "good"]; 2. Expression and Statement Example 1: n1 = 4; Example 2: sum = n2 + 4; Expression = something which evaluate to a value Example 1: n2 + 4 // evaluate to 6.5 (assuming n2 = 2.5) Example 2: 4 + 5 // evaluate to 9 Example 3: 3 > 2 //=> evaluate to true Example 4: n1 == 2 //=> evaluate to false (assuming n1 = 1) 3. Using Operator to Process Data arithmetic (+, -) 3 + 4 //=> 7 n1 - 3 //=> -2 (assuming n1 = 1) increment (++) n1++ //=> 2 (assuming n1 = 1) relational operator (e.g. < , > , == ) 3 < 2 //=> false 3 > 2 //=> true n1 == 2 //=> false (assuming n1 = 1) assign...

More styling with CSS

More styling with CSS Web Fonts http://www.google.com/fonts 1. Select fonts. 2. Click to show the HTML and CSS code. 3. Copy these codes to html and css file. Example <!DOCTYPE html> <html> <head> <link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'> <style> body { font-family: 'Sofia';font-size: 22px; } </style> </head> <body> Float Example main{ width:500px; margin:auto; background:gray; } nav{ border: 3px solid black; width: 200px; float:right; } Clear Property footer{ clear: both; clear: right; }

Powered by Blogger

File Zilla

Comments

Post a Comment