html3 (스타벅스)헤더_ LOGO + Submenu 포인트 HTML **display:block 을 사용하여 인라인요소 (img) 하단에 baseline 공백을 제거 **CSS JS를 이용하여 input box를 클릭하면 돋보기아이콘이 사라지고, 검색창이 확장되며 '통합검색'이 나타난다. ** position: relative / absolute를 사용하여 자식요소가 부모요소 중간에 위치 CSS ** 가상클래스선택자를 사용하여 sub menu 사이에 세로줄 표현 (:: before) ** display:flex를 사용하여 가로정렬 ** box-sizing:border-box를 사용하여 요소의 크기를 유지하면서 내부여백과 테두리선이 추가될수 있게 해줌. ** outline:none을 사용하여 input box를 클릭했을때 나타나는 border 삭제. ** .. 2022. 6. 2. 4-3 Flask 시작하기 - HTML파일 불러오기 💡 Flask 서버를 만들 때, 항상 프로젝트 폴더 안에 아래 세개를 만들어 두고 시작! static 폴더 (이미지, css파일을 넣어둠) templates 폴더 (html파일을 넣어둠) app.py 파일 ▶templates 폴더 HTML 파일을 담아두고, 불러오는 역할 👉 간단한 index.html 파일을 templates 안에 만들고, flask 내장함수 render_template 을 이용해서 html 파일을 불러온다. (아래코드 참조) from flask import Flask, render_template app = Flask(__name__) ## URL 별로 함수명이 같거나, ## route('/') 등의 주소가 같으면 안됩니다. @app.route('/') def home(): return.. 2022. 5. 18. 1-3 HTML/CSS 기본내용, 태그들 "HTML 은 뼈대 CSS 는 꾸며주는일" 👉 HTML은 크게 head와 body로 구성 head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담습니다. head 안에 들어가는 대표적인 요소들: meta, script, link, title 등 구역을 나누는 태그: ▶ 구역나눔 ▶ 문단나눔 ▶ 리스트로 나눔 구역내 콘텐츠 태그: ▶span: 특정 글자를 꾸밀때 사용 예) 내가 에린 이다. ▶a 태그: 하이퍼링크 ▶img 태그: ▶input 태그: 텍스트 / 버튼 등을 넣는다. 이 외에도 아주 많은 태그가 있는데 필요할 때 마다 찾아서 쓰면 된다고 한다. 2022. 5. 11. 이전 1 다음
