사전캠프

HTML , CSS, JS 이해하기

notion0896 2024. 9. 4. 19:02

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