반응형

Front-End/HTML 4

HTML 크롬 익스플로어 IE 호환 문제가 아닌 경로 문제

홈페이지를 만들었는데 크롬에서는 css적용이 잘되었는데 이상하게도 Edge랑 익스플로어는 css적용이 안된채로 적용되어있어서 찾아보았는데 이 소스만 넣으면 호환성 랜더링 모드가 적용이 되어서 웹표준에 맞게 작동하게 된다고 했는데 저는 그대로 더라구요ㅠㅠ 그런데 더 자세히 파고드니깐 어떤게 문제인지 알아냈습니다. 바로 경로 인데요 이것이 상대경로, 절대경로 어떤 경로를 적어도 크롬은 알아서 잘되지만 익스플로어, Edge는 무조건 상대경로를 적어야지만 인식이 된다는 사실! 그런데 이렇게만 들으면 헷갈리시기 때문에 조금더 확실하게 설명을 해드리자면 절대경로 '절대경로'는 웹페이지 및 파일이 가지고 있는 고유한 경로 입니다. 예를들어서 http:/www.google.com, C:\user\document\pyt..

Front-End/HTML 2021.11.04

무료 HTML 템플릿 사이트 5가지

※ 무료 HTML 템플릿 HTML5 UP: https://html5up.net/ 디자인이 정말 다양하고 세련되어 있어서 가장 인기가 많습니다. 특히 다운로드도 압축파일로 받을수 있기 때문에 수정하기도 편하다는 장점 start bootstrap: https://startbootstrap.com/ Free Bootstrap Themes, Templates, Snippets, and Guides - Start Bootstrap Landing Page A clean, functional landing page theme startbootstrap.com 블로그 형식과 admin 형식 모두 정말 다양합니다 그리고 HTML 템플릿 뿐만 아니라 REACT, VUE.JS, ANGULAR 템플릿도 제공되고 있습니다. b..

Front-End/HTML 2021.10.04

[HTML] 폼Form 및 input 사용법 정리

사용자가 웹 사이트로 정보를 보낼 수 있는 요소는 모두 form form은 사용자가 웹브라우저에 입력한 정보를 서버로 넘겨주는 역할을 한다. 사용 방법은 폼 요소 태그의 사용방법은 Value Description hidden 사용자에게 보이지 않고 폼 입력값에 추가되어 서버로 전달 text 텍스트 상자 search 검색 상자 tel 전화번호 입력 필드 url url 주소 필드 email 메일주소 입력필드 password 비밀번호 입력필드 date 사용자 지역을 기준으로 날짜(년,월,일) 입력 time 사용자 지역을 기준으로 시간 입력 number 숫자를 조절할 수 있는 화살표 입력 color 색상표 입력 checkbox 여러개 선택할 수 있는 체크박스 radio 여러 항목중 1개만 선택가능한 라디오 버튼..

Front-End/HTML 2021.05.12

[HTML] 테이블Table 및 목록List 사용법 정리

첫번째 목록List를 만들기 위해서는 기본적으로 또는 을 사용하고 목록 아이템들을 태그로 사용한다. Ordered List : 순서가 있는 목록 Unordered List : 순서 없는 목록 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 목록 리스트 순서있는 리스트 커피 우유 초코우유 바나나우유 녹차 순서없는 리스트 커피 우유 녹차 Colored by Color Scripter cs 여기서 순서없는 리스트(ul)을 style 속성으로 모양을 바꿀수도 있다. 속성 style = "list-style-type:속성값" 두번째 Table를 만들기위해서는 : 표만들기 : 행(row) : ..

Front-End/HTML 2021.05.12
반응형