첫번째 실습 코드
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>첫번째 html</title>
</head>
<body>
Hello, html!
</body>
</html>- 태그 의미
!DOCUMENT html
- html이라는 문서 형식(type)을 선언
html
- html 태그 영역을 시작과 끝을 알림
- 가 국가라면, 은 국경!
head와 body
- head
- 현재 웹문서에 대한 정보(메타데이터)
- body
- 웹페이지에 보이는 부분
- 웹페이지에 보이는 부분
- head
meta
메타데이터 설정
- 웹 브라우저와 같은 서비스에 의해 사용될 수 있는 웹 문서 정보
속성
- charset="UTF-8"
-문자 셋으로 문자 인코딩 방식 설정
UTF-8로 유니코드 표준 사용 가능
- charset="UTF-8"
title
- 웹 페이지 제목
- 웹 페이지 제목
두번째 실습 코드
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Go</title>
</head>
<body>
<h2>We Can Go</h2>
<a href="https://programmers.co.kr">Promrammers</a>
<br />
<a href="first.html">My First Page</a>
</body>
</html>- 태그 의미
h2
- 글자를 제목으로 설정
- h1 ~ h6
- 아래 글자들보다 We Can Go는 더 크고 굵게 제목이 됨
a
- anchor(닻)
- 다른 페이지로 이동 가능
- 하이퍼텍스트 기술(링크)
- href="주소"로 이용
br
-줄 바꿈 기능br을 안한 경우
br한 경우
세번째 실습 코드
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Login</title>
</head>
<body>
<h1>Login</h1>
<form>
ID : <input type="text" />
<br />
PW : <input type="password" />
<br />
<input type="button" value="login" />
</form>
</body>
</html>- 태그 의미
form
- 정보를 기입하는 부분이 있는 문서
input
- form 내부에서 사용
- 사용자로부터 정보 입력 받는 기능
- 속성
- type: 입력 태그의 유형 설정
- value: 입력 태그의 초기값 설정
'데브코스 > 강의 정리' 카테고리의 다른 글
| 2주차 백엔드 (0) | 2024.08.23 |
|---|---|
| 2주차 CSS와 자바스크립트 (0) | 2024.08.21 |
| 2주차 웹과 프론트엔드 (0) | 2024.08.20 |
| 2주차 협업 툴 (0) | 2024.08.19 |
| 1주차 branch (0) | 2024.08.16 |