Skip to main content
HashnodeOllie Seongyong Kim

Command Palette

Search for a command to run...

Quiz. Create a log-in page!

Published
•1 min read•View as Markdown
O
Ollie seongyong Kim
Part of seriesWeb developing

  • Open a new HTML file on PyCharm

  • Test the page.

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Login Page</title>
</head>
<body>
Test
</body>
</html>

    image.png

  • Write

    stage.

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Login Page</title>
</head>
<body>
  <h1>Login Page</h1>
</body>
</html>

    image.png

  • completed the tag.
    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Login Page</title>
</head>
<body>
  <h1>Login Page</h1>
  <p>ID: <input type="text" /></p>
  <p>PW: <input type="text" /></p>
  <button> Login</button>
</body>
</html>
    image.png

Comments

Join the discussion

No comments yet. Be the first to comment.

Web developing

Part 3 of 44
Up next

Practice CSS

using the same file(login.html) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Login Page</title> </head> <body> <h1>Login Page</h1> <p>ID: <input type="text" /></p> <p>PW: <input type="text" /></p> <bu...

More from this blog

Ollie Seongyong Kim

85 posts