/date 24.08.20.
- HTML = HyperText Markup Language
- <> 태그를 통해 HTML을 구현
- ex) <태그> 태그의 적용 대상 </태그>
- 여는 태그와 닫는 태그가 한 쌍일 수도 있고, 닫는 태그 없이 여는 태그가 단독으로 쓰일 수도 있다.
Login
IDPW
위의 로그인 화면 구성에서 사용한 HTML 문법을 정리해 보자
<!DOCTYPE html>
<html>
<Head>
<meta charset="UTF-8">
<title> LOGIN </title>
</Head>
<body>
<H1>Login</H1>
ID <input type="text">
<br>
PW <input type="password">
<br>
<input type="button" value="login">
</body>
</html>
- <!DOCTYPE html> : 이 문서는 html 문서야
- <html></html> : html으로 작성합니다~
- <Head></head>: 전반적인 정보와 설정이 들어가는 부분
- <meta charset="UTF-8">: UTF-8 언어 사용합니다
- <title> </title>: 탭에 표시되는 제목명
- <body></body>: 본문이자 내용이 들어가는 부분
- <h1~6></h1~6>: heading. 제목 작성 태그
- <input>: 사용자에게 입력을 받을 수 있도록 하는 태그. type을 통해 속성을 지정해 줄 수 있다.
- <br>: 한 줄 여백 만들기
'학습 기록 > 데브코스 웹 풀스택 4기' 카테고리의 다른 글
| 웹 서비스의 이해 (3) - 쇼핑몰 페이지 제작 실습 시작과 백엔드 기초 (0) | 2024.08.22 |
|---|---|
| 웹 서비스의 이해 (2) - CSS와 자바스크립트 (0) | 2024.08.21 |
| 웹 서비스의 이해 (1) - 웹 이해와 프론트엔드 입문 (0) | 2024.08.20 |
| 포트폴리오 / 협업 환경 구성 (5) (0) | 2024.08.19 |
| 포트폴리오 / 협업 환경 구성 (4) (0) | 2024.08.16 |