odada

Layout 의미있는 마크업 리빙샵아울렛 인기모음전 수저모음 도마모음 그릇모음 접시모음 베스트상품 주방용품 설비제품 인덕션제품 실리콘제품 업종별샵 한식기물 양식기물 일식기물 중식기물 인덕션용품 냄비/솥 후라이팬/주물 인덕션렌지 기타제품 바로가기 바로가기1 바로가기2 바로가기3 바로가기4 바로가기5 바로가기6 바로가기7 공지사항 Lorem ipsum dolor sit amet. 2023.11.27 Lorem ipsum dolor sit amet. 2023.11.27 Lorem ipsum dolor sit amet. 2023.11.27 Lorem ipsum dolor sit amet. 2023.11.27 Lorem ipsum dolor sit amet. 2023.11.27 갤러리 겨울 내내 촉촉 이번에만 2..

폼 관련 태그 form 태그 사용자가 입력한 데이터를 서버로 전송할 때 사용하는 태그 사용자가 입력한 데이터를 서버로 전송하는 방식은 GET 방식과 POST 방식이 있다. GET 방식 데이터를 URL 뒤에 붙여서 전송하는 방식으로 데이터가 노출되는 단점이 있다. 예를 들어, 아래와 같이 URL 뒤에 데이터를 붙여서 전송한다. POST 방식 데이터를 URL 뒤에 붙이지 않고 전송하는 방식으로 GET 방식보다 보안성이 높다. 데이터를 전송할 때 사용하는 태그는 input 태그이다. input 태그 사용자가 입력한 데이터를 받아들이는 태그 type 속성을 사용해서 입력 데이터의 종류를 지정할 수 있다. type 속성 값 설명 text 한 줄의 텍스트를 입력할 수 있는 텍스트 박스 password 한 줄의 텍스..

웹사이트(홈페이지) 제작 기본 프로세스 웹사이트(홈페이지)란? 웹 페이지들의 모음 웹 페이지 : 웹 브라우저에서 볼 수 있는 문서 웹 사이트 : 웹 페이지들의 모음 홈페이지 : 웹 사이트 중에서 첫 페이지 웹사이트 제작 기본 프로세스 기획(Planning) 디자인(Design) 프론트앤드(Front-end Development) 백앤드(Back-end Development) 기획(Planning) 웹사이트의 목적, 타겟 사용자, 기능, 콘텐츠 등을 정의하고 전체 구조와 흐름을 설계하는 단계 목적 및 목표 설정: 웹사이트가 달성하고자 하는 목적과 구체적인 목표를 설정합니다. 타겟 사용자 분석: 대상 사용자의 특성과 요구를 분석하여 사용자 중심의 기획을 진행합니다. 기능 명세: 웹사이트에서 제공할 기능들을 ..

이미지와 하이퍼링크 이미지 https://www.w3schools.com/html/html_images.asp 이미지를 삽입하는 태그는 태그이다. 이미지 경로 이미지 경로는 이미지가 저장된 위치를 의미한다. 절대 경로 절대 경로는 이미지가 저장된 위치를 표시하는 경로이다. 절대 경로는 http:// 또는 https://로 시작한다. 상대 경로 상대 경로는 현재 파일이 저장된 위치를 기준으로 이미지가 저장된 위치를 표시하는 경로이다. 하위 폴더 경로 ./는 현재 파일이 저장된 위치를 의미한다. 폴더 구조 root ├── index.html ├── banner1.jpg └── images └── banner2.jpg └── main └── banner3.jpg 상위 폴더 경로 ../는 현재 파일이 저장된 위..

텍스트 관련 태그 Headings https://www.w3schools.com/html/html_headings.asp 제목을 나타내는 태그 크기 : h1 > h2 > h3 > h4 > h5 > h6 제목1 제목2 제목3 제목4 제목5 제목6 Paragraphs (단락) https://www.w3schools.com/html/html_paragraphs.asp - block 태그 태그 문단을 나타내는 태그 문단입니다. 태그 줄바꿈을 나타내는 태그로 단일 태그 문단입니다. 문단입니다. 태그 인용문을 나타내는 태그로 다른 텍스트보다 들여쓰기가 되어있음 인용문입니다. 태그 수평선을 나타내는 태그로 단일 태그 태그 소스에 작성한 그대로 표현하는 태그 미리 서식을 지정한 텍스트입니다. 미리 서식을 지정한 텍스트..

html 시작하기 네이버 서치어드바이저 : https://searchadvisor.naver.com/guide/markup-content html 기본 구조 HTML 기본 구조 HTML 기본 구조를 알아봅시다. head 태그 - 검색 엔진 최적화, 페이지 정보 문자 인코딩 meta charset="utf-8" 한글을 사용하기 위해서는 반드시 필요한 설정 utf-8은 한글 외에도 다양한 언어를 지원하는 문자 인코딩 방식 title 태그 - 문서의 제목 사이트 메인 페이지의 title 태그는 사이트의 성격을 잘 표현할 수 있는 브랜드명으로 기입해야 한다. 페이지 제목 작성 TIP 사이트 메인 페이지의 title 태그는 사이트의 성격을 잘 표현할 수 있는 브랜드명으로 기입해야 합니다. 사이트의 개설 목적에 맞..

html에 다른 html Snippet 포함하기 header와 footer를 분리해 한 곳에서 관리하고 싶을 때 include를 사용한다. https://www.w3schools.com/howto/howto_html_include.asp html 분리하기 header와 footer 등 페이지의 공통 부분을 각각의 html 파일로 분리한다. outline 폴더 내 > header.html 파일 생성 header outline 폴더 내 footer.html 파일 생성 footer html 파일 내 include 포함 index.html 파일 내 include.js 파일 생성 js > include.js 파일 생성 후 연결 // include.js window.addEventListener('load&..

setting 사이트 보기 flato.kr/study/!setting/ 아래 라이브러리 적용 scss swiper line-awesome bootstrap google font scrollUp include 오류 : header를 include 하면 focus가 안먹음... ㅜㅜ 추후 해결... setting 파일 다운로드 github.com/eehd80/setting eehd80/setting Contribute to eehd80/setting development by creating an account on GitHub. github.com html5 기본 레이아웃 주메뉴 바로가기 본문 바로가기 회사이름 하나 하나-1 하나-2 하나-3 하나-4 둘둘둘둘둘 둘-1 둘-2 둘-3 둘-4 셋셋셋 셋셋셋-..

https://www.melon.com/event/ticket/index.htm?gubunId=&keyword=&pageIndex=0 멜론과 멜론티켓의 꿀케미 혜택! 멜론 GOLD이상 누구나! 멜론티켓 예매수수료 무료! 음악이 필요한 순간, 멜론 www.melon.com 멜론 VIP 혜택관 오직 멜론 VIP만을 위한 특별한 문화 혜택 Melon x Melon 티켓 MVG 멜론과 멜론티켓의 슈퍼꿀케미파워! 멜론 GOLD 이상, 누구나! 예매 횟수 제한없이, 무제한! 정말 쉬운 방법으로, 간편하게! 멜론 티켓 수수료 무료 0원 정말 쉬운 헤택받는 방법! 보고 싶은 공연을 클릭하면 결제 시 자동으로 수수료 무료 혜택 제공! Tip 아래에서 꿀잼공연 추천해드릴게요~ 뮤지컬 〈모차르트！〉 10주년 기념공연 202..

http://flato.kr/work/2000n/s503_write.html 이천시동행누리센터 동서양의 아름다운 정원을 품은 이천시동행누리센터으로 여러분을 초대합니다. flato.kr