Max Coding blog

HTML

web dev HTML
2021/08/27 
1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
    <head>
        <title>max</title>
    </head>
    <body>Hello this note is about HTML</body>
</html>

Add a content title

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
    <head>
        <title>max</title>
    </head>
    <body>
        <h1>one</h1>
        <h2>two</h2>
        <h3>three</h3>
        <h5>five</h5>
    </body>
</html>

Add a picture on your pages

use <img src = "picture.jpg"></img> ## Make a list,and put an URL on the words use <ul></ul> to make a list, and use <li>item name</li> to present an item, and then use<a href = "The website name"></a>, so that when you click the words, you can get to the website. 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
    <head>
        <title>max</title>
    </head>
    <body>
        <h1>My favorite company</h1>
        <ul>
            <li><a href = "https://www.apple.com/tw/">Apple</a></li>
            <li><a href = "https://www.google.com.tw/">Google</a></li>
            <li><a href = "https://www.asus.com/tw/">Asus</a></li>
        </ul>
    </body>
</html>
## To create a table use <table>put your data</table>, and <tr>data</tr> when you put this first,it can be your first row. and the you can use <td>data<td> to be your first column. If you want to embellishment the table, you can put an attributes on table, <table border = true></table>,the preset of border is false. 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
    <head>
        <title>max</title>
    </head>
    <body>
        <h2>MLB Baseball</h2>
        <table border = true>
            <tr>
                <td>Name</td>
                <td>Win</td>
                <td>Lose</td>
            </tr>
            <tr>
                <td>New York Yankees</td>
                <td>10</td>
                <td>5</td>
            </tr>
            <tr>
                <td>Boston Red Sox</td>
                <td>8</td>
                <td>3</td>
            </tr>
        </table>
    </body>
</html>
## Embellishment table If you think your table is too narrow, you can add some attributes on your table to change it's appearence,use <table border = true width = "200" cellpadding = "10"> <table> . Result: ## Embellishment your words and your web If you want to have bold face,you can use <b></b>,and if you want to bottom line, you can use <u></u>,if you want to add a horizontal line, you can use <hr><hr> .

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
    <head>
        <title>max</title>
    </head>
    <body>
        <h4><b>Hello</b></h4>
        <hr></hr>
        <h4><u>My name is max</u></h4>
    </body>
</html>

Display chinese on your web,without garbled

Write an label called <meta charset = "utf-8"></meta> inside <head></head> 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8"></meta>
        <title>我的網站</title>
    </head>
    <body>
        <h1>我愛台灣</h1>
        <h4><b>你好</b></h4>
        <hr></hr>
        <h4><u>我愛中華民國</u></h4>

    </body>
</html>
##### by CHSHS WU,ZHEN-RONG

CATALOG
  1. 1. Add a content title
  2. 2. Add a picture on your pages
  3. 3. Display chinese on your web,without garbled
Total : 31
2023
2021
C++ OOP CSS web dev HTML Linux Pytorch Machine Learning TensorFlow2 Python Scikit Learn TensorFlow1 Math theorem algorithm Data structure Transfer Learning APCS TensorFlow