HTML , CSS, JS 란?
HTML : 웹 페이지의 뼈대
CSS : 웹 페이지의 살
JS : 웹 페이지의 동작


<title>
웹개발 이라는 이름으로 웹 페이지 제목 만들기
</title>
<body>
제목을 나타내는 태그인 <h1>태그로 안녕하세요 라는 문장 쓰기
</body>
여러가지 태그에 대해서 알아보기


여러가지 태그를 이용해 페이지 만들기
<div> : 구역을 나누는 태그
<p> : 문단 태그
<ul> : un-ordered list 순서가 없는 태그
<li> : list 태그
<h1> : 제목 태그
<h2> : 소제목 태그
<h3~h6> : 사이즈가 작은 제목 태그들
<span> : 글자를 쓰는 태그
<a> : 링크 거는 태그
<img> : 이미지 태그
<input> : 사용자로부터 입력을 받는 태그
<button> : 버튼 태그
<textarea> : 긴 문장을 받을 수 있는 태그
태그들을 이용해 로그인 페이지 만들기


1. 본문 제일 위쪽 "로그인 페이지" <h1>태그로 제목 만들어주기
2. <p> 태그로 문단을 만든 뒤 그 안에 <input>태그를 넣어 각각 ID, PW 창 만들기
3. ID창과, PW창의 모양이 같기 때문에 같은 태그를 복사 붙여넣기 해준다.
-> shift + alt + ↓ 를 누르면 코드가 그대로 아래쪽으로 복사 됨
4. 마지막으로 <button>태그로 로그인하기 버튼 만들기
'사전캠프' 카테고리의 다른 글
| 함수(Function) (0) | 2024.09.05 |
|---|---|
| If문 (0) | 2024.09.05 |
| 배열 [Array] 과 객체 [Dictionary] (0) | 2024.09.05 |
| 변수 (0) | 2024.09.05 |
| 스파르타코딩 사전 ot (0) | 2024.08.26 |