youngik

이 글은 CSS 책을 보면서 따로 기록해두어 실제 사용가능할 정보를 기록해보려고 한다. 실제 html과 css를 구성을 할때에 많은 도움이 될 것 같은 부분들 1. width가 설정되어있지 않는 content는 상위태그의 width를 상속받는다. ex) 하이 2. 태그의 margin, padding을 설정하면 width가 늘어남 (width + 2*padding + 2*margin)만큼 3. div 크기를 유지하면서 padding을 설정하고 싶으면 div안에 div태그를 넣고 내용을 넣음 - 2번에 내용으로 하위태그에서 padding, margin을 설정하면 상위태그의 크기가 커지기 때문에 *변경 전 : 내용 (width : (600+(10*2)) => 620) *변경 후 : 내용 위와 같이 사용을 하면..

이번 글에서는 Web page를 구성하는 기본 지식에 대해서 작성을 해보고 다시 한번 상고해보자 한다. 웹페이지는 크게 front-end / back-end 부분으로 나누어진다. 웹 프로그래밍에 관심이 있는 사람이라면 크게 2가지 부분으로 나누어진다는 사실을 알고 있을 것이다. 위와 같이 User가 browser에게 웹페이지를 request하면, browser는 front-end을 보여주고 보이지 않는 데이터 부분과 페이지 동작 코드 부분을 back-end에 요청해서 불러와서 보여준다. 1. front-end 먼저 웹페이지 시각적으로 보이는 부분인 front-end의 구조는 크게 1) HTML : 웹페이지의 뼈대 2) CSS : 웹페이지 꾸밈 (폰트, 색상, 이미지 등) 3) Javascript : 웹페..

HTML HTML은 (Hyper Text Markup Language)의 약자로, 웹페이지를 만드는 마크업 언어이다. 쉽게 메모장에서도 작성이 가능하며 (다른 이름으로 저장 -> 파일명.html)을 작성하면 html 파일로 열 수 있고 전체적인 웹 페이지에서 뼈대를 구성하는 역할을 한다. 프로그래밍 언어와는 다르며, 생각보다 관대한 규칙을 가지고 있다. ex) 태그를 꼭 안 닫아도 실행이 되는,, ●태그 구조 크게 부분에서는 CSS, Javascirpt 등 파일링크 및 문서작성형식 등을 명시한다. ... 부분에서는 html의 실제 보이는 부분을 구성하는 부분이다. 출처 : namu.wiki/w/HTML XHTML html언어와 동등한 표현 능력을 지닌 xml 마크업 언어이다. html보다 엄격한 표현 규..