관심쟁이 영호

ui li ol ui와 ol은 리스트 형태로 보여주는 것이다. li는 해당 리스트에 값을 넣어주는 것이다. 화면으로 살펴보자. 코드는 쇼핑 고기 화장품 장난감 전자기기 신발 일번 이번 삼번 사번 오번 화면은 이렇다. 이미지파일, 버튼 그냥 싹다 넣을 수 있다! br 이 것은 줄을 한번 개행 시켜주는 것이다. 그 외에는 많은 태그가 있다. 하나하나 짚고 넘어가기가 힘들다. 이 다음에 html을 사용할 때, 필요하면 w3school.com에 가서 찾아보도록 하자!

네이버에 CSS와 JavaScript를 지우고 살펴보자. css와 javaScript를 지우면 html만 남는다. 아래의 사진과 같다. 느낌이 좀 온다. html은 진짜 버튼, 글자, 그림만 넣는 것이구나! - 솔직히 말해서 이 전 포스팅으로 다 배운 느낌이다. (사실 주인장은 html을 배웠다...ㅎ) - 본격적으로 시작하기에 앞서서 뭘 배울지 파악해보자. 1. html 느낌파악하기 2. html 태그 맛보기 3. 옵션 및 설정값 체험하기 4. html 최적화하기 이 정도의 순서가 될 것이다! "html 느낌 파악하기"는 끝이 났다. 2번을 하기 전에, html을 맛보기 전에 좀 더 확실하게 알고가야할 내용이 있다. (1) css 파일은 head에 넣자! (2) 그리고 body에 입력할 수 있는 태그를..

1. 먼저 개발 툴을 설치하여야 한다. - VsCode - InteliJ - Spring Tool Suite - eclipse 등등 많은 툴이 있다. 주인장은 STS인 Spring Tool Suite를 사용할 계획이다. 이유는 Spring이랑 엮을 예정이기 때문이다. 추천하자면 VsCode를 추천한다. 많은 사람들이 사용하더라. (툴의 좋음, 안좋음을 판단하는 기준은 제공하는 기능이 많은지, 안많은지 차이다. 별 상관없다. 그냥 아무거나 설치하면 된다.) 알아서 설치하고 오자! 2. 먼저 html 문서에 대한 기본 개념을 잡자. - html은 문서라고 생각하자. - 흰 색의 웹페이지에 글자를 써내려가는 것이다. - 흰 색의 웹페이지에는 여러가지의 구간이 있다. 크게 head, body로 나눌 수 있다. ..

오늘부터 HTML을 공부할 것이다. 웹 기초라고 보면 된다. HTML은 건물을 짓을 때, 기초 골격이라고 생각하면 된다. 해당 포스팅은 유튜브의 ZeroCho님을 보고 포스팅한 것이다. HTML 공부 다음에는 CSS공부를 할 것이다. 두 공부는 초중급정도만 해둘 생각이다. 목표는 1~2주만에 모든 것을 공부하고 자바스크립트로 넘어가는 것이다. 화이팅! 아 참고로 html은 본 내용은 엄청 대충 다룰 예정이다..

태그란? 태그는 Division의 약자입니다. 레이아웃을 나누는데 사용하는 태그입니다. 쉽게 말해서, 구역들을 정해주는 겁니다. 예를들면, 어느 구역만 background 색을 바꿔주고 싶을 때, 해당 구역만 지칭하는 틀을 만들어주어야 합니다. 이 떄, 태그를 사용합니다. 사용법 첫번째 구역 두번째 구역 위와 같이 코드를 짜면 구역이 2개가 생깁니다. 박스가 2개 생겼다고 생각하시면 됩니다. 여기서 css를 이용하여 div의 구역을 설정해줄 수 있습니다. 첫번째 구역 두번째 구역 #first{ background-color: #000000; width: 10px; height: 100px; } #second{ background-color: #123456; width: 1000px; height: 100..