문서 구조의 의미를 전달하기 위해 사용하는 태그 웹문서가 해당 검색어를 포함하고 얼마나 중요도를 가지고 있고 외부에서 구조를 손쉽게 파악하기 위해 사용하는 태그 nav는 사이트의 주요내용을 포함하고 있다. 다른 웹사이트에서 검색시 노출될 수 있다. 시각적으로 구분되는 영역은 section태그를 쓰면 좋다. 사이트 제목 사이드바 HTML CSS JavaScript 본문 Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum, consequuntur numquam recusandae ea quaerat modi totam porro sint magni debitis pariatur asperiores dolor autem provident n..
https://darles.co.kr/ 서유리의 옷장 다를 서유리의 옷장 다를 - 방송인 서유리의 쇼핑몰. 선택의 이유를 만나보세요! 아우터, 탑, 드레스, 팬츠, 스커트, 남성의류, 악세사리 darles.co.kr style CSS를 적용해서 쇼핑몰 메인페이지 따라만들기 따라 만들 메인 페이지 시작! 코드에 대한 설명은 주석으로 달았다. CSS HTML LOGIN JOIN US CART 0 ORDER MT PAGE BOOKMARK 공지사항 이벤트 상품문의 상품후기 D'ARLES f ㅁ ▶️ 🍳 🟰 RONA Universe 남성의류 아우터 탑 드레스 바텀 악세사리
font-style: font-size font-family font-weight line-height text-align text-decoration font-size 폰트크기 initial ( 폰트의 초기값) font-size Hello. world (initial) Hello, world (2em) Hello, world (1.25rem) Hello, world (20px) Hello, world (20pt) px : .단위의 픽셀 pt : 워드프로세서기준의 글자크기 포인트 실행 폰트에 따라서 ul도 글꼴의 영향을 받는다. font-family 폰트종류 fonts는 윈도우의 fonts 폴더에 파일이 있어야한다. 또한 파일을 보내게 되면 상대방 컴퓨터에도 똑같은 폰트파일을 가지고 있어야한다. font..
html은 문서를 나타내기 위한 것에서 출발했다. 를 전제로 깔고가야한다. 글자를 정렬하고싶다. align 영역을 정렬하고 싶다 = justify-content 영역태그는 글자를 일렬로 써놨다고치면 일정구간으로 묶어서 영역을 발생시킨다. span : 글자를 묶어서 무언가를 추가적으로 하고싶을때 fieldset : legend(소제목)과 함께 긴 문장의 글을 입력할 때 details : 지정된 영역에 글자를 입력해서 접었다 펼칠 수 있다. 단위 요소에 크기를 지정할 때 % , em , px을 쓴다. 배수는 기본단위가 잡혀있는 상태에서 조정 픽셀은 디테일하게 크기를 잡아줄 수 있다. 색상 HEX rgb rgba 가시속성 display visivility opacity opacity는 수치라서 컴퓨터가 중간값..
CSS 10-calculator.html 📱계산기 - ㅁ x 🟰 표준 🥃 ⏱️ 0 mc mR m+ m- ms m⬇️ % CE C ← ⅟x x 2 2✓x ÷ 7 8 9 × 4 5 6 - 1 2 3 + +/- 0 . = 실행 클릭해서 스포이드로 색깔을 찾아내는 기능 무슨 색깔인지 찾아야 할 때 유용하다. input 사용자의 입력값을 서버에 전송하기 위한 요소, 주로 form과 연계하여 사용한다. 모든 input은 타입도 중요하지만 name과 value가 핵심이다. value를 직접 지정할 수 도 있지만. 지정하지 않으면 사용자에게 입력을 받을 수 있다. 02-input.html 사용자의 입력값을 서버에 전송하기 위한 요소, form과 연계하여 사용한다. 태그 type 특징 예시 input text 일반적인 ..
2023.07.10 - [vscode를 이용한 웹구축(html)] - CSS 웹 이미지 , hover, flex(가로축, 세로축 ) ,justify-content CSS 웹 이미지 , hover, flex(가로축, 세로축 ) ,justify-content 큰 틀을 먼저 짜고 디테일을 넣는다. LOGO Menu-1 Menu-2 Menu-3 Hello World Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit asperiores delectus ratione ipsa velit iste mollitia ipsam, maiores id, natus saepe! Tempora perspiciatis li ji7290.tistory.com 이전 글에서는..
큰 틀을 먼저 짜고 디테일을 넣는다. LOGO Menu-1 Menu-2 Menu-3 Hello World Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit asperiores delectus ratione ipsa velit iste mollitia ipsam, maiores id, natus saepe! Tempora perspiciatis libero mollitia ipsam nam, voluptatum quia quaerat? Lorem ipsum dolor sit amet consectetur adipisicing elit. Sit asperiores delectus ratione ipsa velit iste mollitia ipsam,..
2023.07.06 - [파이썬을 이용한 웹구축] - vsCode (Visual Studio Code) 자주쓰는 html 태그 다뤄보기 vsCode (Visual Studio Code) 자주쓰는 html 태그 다뤄보기 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite ji7290.tistory.com 3..