rs6000/Hello_React.html

## Hello_React.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CDN -->
    <!-- react -->
    <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
    <!-- babel -->
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    <title>Hello React</title>
</head>

<body>
    <div id="app">
    </div>
    <!-- 程式區 -->
    <!-- 要使用JSX 要先啟用 babel  加入 type="text/babel" -->
    <script type="text/babel">
        const app = ReactDOM.createRoot(document.getElementById('app'));
        app.render(<h1>Hello, world!</h1>)
    </script>

</body>

</html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- CDN -->
	<!-- react -->
	<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
	<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
	<!-- babel -->
	<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
	<title>Hello React</title>
	</head>

	<body>
	<div id="app">
	</div>
	<!-- 程式區 -->
	<!-- 要使用JSX 要先啟用 babel 加入 type="text/babel" -->
	<script type="text/babel">
	const app = ReactDOM.createRoot(document.getElementById('app'));
	app.render(<h1>Hello, world!</h1>)
	</script>

	</body>

	</html>