카테고리 없음

HTML 기초

tnfejr0951 2022. 5. 14. 05:28

! + TAB을 누르면 기본적인 HTML 코드 소스 완성.

 

 

<head>

웹사이트에 대한 정보, 외부 자료 참조(CSS, JS 등)은 head 태그에 들어간다.

<body>

웹 화면의 전체적인 내용은 <body> 태그에 들어간다.

 

<head> 안에 <title> 태그를 만들면 

웹 카테고리에 표시 됨.

<body> 태그 안에는 대표적인 <h1> ~ <h6> 태그

 

위와 같이 글자크기를 나누는 태그임.

 

<p> 태그는 긴 문단을 작성할 때 쓰는 태그이다.

웹에 표시되는 모습

input 태그

<button> 태그

말그대로 버튼이 생김

 

버튼의 크기나 색상등은 스타일속성으로 커스터마이징 가능.

 

<input> 태그와 <button> 태그에 스타일로 사이즈를 변경해보았다.

결과는 이러함.

 

 

 

버튼 두개를 만들어보았다.

구역을 나누고 싶을땐 ?

 

 

<div> 태그로 나누어주자.

 

위와같이 구역이 나누어졌다.