728x90 반응형 html3 [ToyProject 03] Bootstrap을 활용한 반응형 웹 구현 깃허브에서 전체 코드 및 결과 화면 보기! 📘 오늘의 프로젝트 주제 Bootstrap 프레임워크 기반 웹 페이지 구현 💻 프로젝트 실행환경 개발 언어 : html, css 개발 도구 Visual Studio Code Google Chrome Browser Bootstrap v5.0 👊 프로젝트 목표 Bootstrap 프레임워크를 활용해서, 자유자재로 커스터마이징하여 요구사항에 맞게 변형할 수 있다! `grid` , `layout`, `position`, `flex`, `component` 등을 자유롭게 활용하고 응용해보자! 📗 공부한 내용 [ 반응형 웹 (responsive web) ] 1. 미디어 쿼리 반응형 디자인의 핵심 구성 요소! ~~부트스트랩이 더 간단하기 때문에 참고용으로 알고있자~~ [ 기본.. 2021. 2. 5. [Servlet] Web 중간 정리! [ Client Side Tech 클라이언트 사이드 기술 ] HTML : 웹 문서의 컨텐츠 (구조, 구성요소) JavaScript : 웹 문서의 동작 (행위) - 최근에는 서버 사이드에서도 적용된다 css : 웹 사이트의 디자인 스타일 [ Server Side Tech 서버 사이드 기술 ] Servlet : java web application을 위한 기술 - MVC에서 Controller(제어자)의 역할 [ WAS (Web Application Server) ] : Web Server + Web Container ( Servlet Container) - Web Server : HTTP 프로토콜에 의거하여 html서비스를 하는 것 - Web Container : ① Servlet과 JSP 실행 환경을 제.. 2020. 8. 24. [HTML] HTML 기초 (이미지, 링크, 리스트, 테이블) body tag내 html을 통해 데이터 삽입하기 1. 이미지 삽입 기본 문법 예시 ~생일 축하합니다~ tag : direction 옵션을 통해 위, 아래, 왼쪽, 오른쪽으로 텍스트 및 이미지를 움직이며 웹 페이지에 표현할 수 있다 tag : 글씨의 size 및 color 등의 옵션을 줄 수 있다. tag : img를 삽입할 수 있다. * 이때 image_path는 html 파일을 중심으로 위치를 지정해야 한다. 2. 링크 기본 문법 예시 step1-hello 페이지로 이동 step3 페이지로 이동 다음 페이지로 이동 3. 목록 태그 ol (ordered list) : 순서가 있는 리스트 태그 ul (un-ordered list) : 순서가 없는 리스트 태그 li : ol과 ul안에 있는 리스트 요소 태.. 2020. 8. 19. 이전 1 다음 728x90 반응형
