반응형
간단한 게시판 형식의 HTML 코드를 제공합니다. 이 코드는 초보자도 이해하기 쉽도록 주석이 추가되어 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>간단한 게시판</title>
</head>
<body>
<h1>게시판</h1>
<!-- 게시글 작성 양식 -->
<form>
<label for="author">작성자:</label>
<input type="text" id="author" name="author" required><br>
<label for="message">내용:</label><br>
<textarea id="message" name="message" rows="4" cols="50" required></textarea><br>
<button type="submit">게시</button>
</form>
<!-- 게시글 목록 표시 -->
<h2>게시글 목록</h2>
<ul>
<li>작성자: 유저1, 내용: 이것은 첫 번째 게시물입니다.</li>
<li>작성자: 유저2, 내용: 두 번째 게시물입니다.</li>
<li>작성자: 유저3, 내용: 세 번째 게시물입니다.</li>
</ul>
</body>
</html>
결과보기
반응형
'HTML 예제' 카테고리의 다른 글
| 사진 갤러리 만들기 (0) | 2023.12.07 |
|---|---|
| 화면 크기에 따른 반응형 디자인 (0) | 2023.12.07 |
| 날짜 및 시간 표시 (0) | 2023.12.07 |
| 다크 모드 토글 (0) | 2023.12.07 |
| 사용자 위치 표시 (0) | 2023.12.07 |
