728x90
<!DOCTYPE html> <!-- Defines the document type -->
<html lang="en"> <!-- tag represents the root of an HTML document. -->
<head><!-- Metadata(data to data) is data about the HTML document. -->
<!-- Metadata is data (information) about data. -->
<meta charset="UTF-8">
<!-- required in every HTML document (title) -->
<title>웹 서버 개발 페이</title> <!-- defines the title of the document -->
<style media="screen">
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<!--The <body> element contains all the contents of an HTML document,
such as headings, paragraphs, images, hyperlinks, tables, lists, etc.-->
<body> <!-- tag defines the document's body. -->
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<!-- The <div> tag defines a division or a section in an HTML document. -->
<!-- The <div> tag is used as a container for HTML elements
- which is then styled with CSS or manipulated with JavaScript. -->
<div class="myDiv">
<h2>This is a heading in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>The button Element</h1>
<button type="button" onclick="testFunc()">Click Me!</button>
<!--
The <button> tag defines a clickable button.
Inside a <button> element you can put text (and tags like <i>, <b>, <strong>, <br>, <img>, etc.).
That is not possible with a button created with the <input> element!
-->
<form action="/action_page.php"> <!--The <form> tag is used to create an HTML form for user input.-->
<label for="fname">First name:</label> <!--The <label> tag defines a label for several elements-->
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
</form>
<!--
The <input> tag specifies an input field where the user can enter data.
The <input> element is the most important form element.
The <input> element can be displayed in several ways, depending on the type attribute.
-->
<p>Click on one of the text labels to toggle the related radio button:</p>
<form action="/action_page.php">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language" value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>
<script>
function testFunc()
{
alert('Hello world !')
}
</script>
</body>
</html>