목록HTML,CSS (10)
달리는 자동차
출처: phodobit.kr/47 크롬, IE 등 웹브라우저에서 인쇄할때 하이퍼링크(a 태그)에 주소(URL)가 같이 나오는 경우 이 사진과 같이 웹브라우저에서 페이지를 인쇄할 때 하이퍼링크(a 태그)의 주소(URL)가 붙어서 나오는 경우가 있었다. 그저 웹브라우저로 보는 화면은 위와 같은데 인쇄할때만 계속 주소가 붙어 phodobit.kr 이유 : bootstrap(부트스트랩)이 문제인 것이였다. bootstrap 3에서만 발생하고, bootstrap 4에서는 발생하지 않는다. 해결 : 영향을 받는 페이지 또는 모든 common include(공용 포함) css 또는 style 태그에 아래와 같은 코드를 넣어준다. @media print { a:after { c..
예정 -다음주 토요일 div태그 header태그 footer태그 nav태그 section태그 article태그
CSS란 Cascading Style Sheet의 줄임말이다. HTML 페이지에 디자인을 적용하기 위한 언어이며 HRML은 뼈대, CSS는 꾸미기(스타일), 그리고 Java Script는 interaction(상호작용)을 위한 것이라고 한다. CSS를 적용하는 방법 1. 외부문서로 저장하여 연결하기(LInked Style) -css파일을 따로 관리할 수 있어 소스에 섞임이 없어 가장 많이 쓰이는 방식이며 다른 소스에 적용시켜서 그대로 적용이 되므로 하나의 CSS로 여러페이지를 적용시키는 방법이다. 2. 문서 내부에 정의하기(Embedded Style) -문서 내부에 정의하는 방법은 위와 같이 외부문서로 지정하지 않고 CSS를 헤드 태그 안에 스타일 태그를 선언하여서 그안에 적용하는 방법이다. 3. 태그에..
101호 102호 103호 호 선택 101 호 102 호 103 호 label label은 폼의 양식에 이름 붙이는 태그이다. 주요 속성은 for이다. ->label의 for의 값과 양식의 id 값이 같으면 연결된다. label을 클릭하면, 연결된 양식에 입력할 수 있도록 하거나 체크박스에 체크를 하거나 체크를 해제할 수 있다. 표시할 명칭 input 태그의 id속성의 값을 myid로 한다면 위의 코드는 이렇게 표현 할 수 있다. input 태그 표시 명칭 글자클릭 datalist 입력창에 텍스트를 입력 할 때 유사한 키워드 목록을 보여줄 때 datalist를 사용한다. 실사용을 위해서라면 많은 데이터가 필요하다. 아래 사용방식으로 값을 주기 보다는 데이터베이스를 조회하여 목록화 하여 사용할 수 있다. ..