목록Front-end/html (12)

기억하기 위한 기록

[HTML5] <progress>태그 : progress는 진행 정도 나타내는 바를 만드는 태그

마찬가지로 처음 사용해보는 HTML5에 추가된 태그 주요 속성은 max, value이다. max를 전체로 보았을 때 value에 해당하는 정도를 나타낸다. 참고 : www.codingfactory.net/11010 HTML / progress - 진행 정도 나타내는 바 만드는 태그 progress progress는 진행 정도 나타내는 바를 만드는 태그입니다. HTML5에서 추가되었습니다. IE는 버전 10부터 지원합니다. 주요 속성은 max, value입니다. max를 전체로 보았을 때 value에 해당하는 정도를 www.codingfactory.net
Front-end/html 2021. 4. 26. 19:15
[HTML5] <meter> 태그 : 게이지바로 최적값 나타냄

처음 써보는 meter태그에 대한 개념을 적어본다. 태그의 optimum 속성은 범위(gauge) 내에서 최적값(optimal value)으로 간주될 값을 명시합니다. ㄴ> 일정 범위의 영역에서 얼마나 차지하는지를 게이지바로 표현. valul = "현재값" min = "영역최소값" max = "영역최대값" optimium ="영역 최적값" low ="낮은 값을 갖는다고 생각되는 영역" ㄴ> min low
Front-end/html 2021. 4. 26. 18:49
[잘난웹디] 돕다 웹사이트 제작 2강_ header / nav / layout

기본 레이아웃 작성 1. header _ html 2. css header는 고정될수 있도록 position : fixed ; 해준다 - 로고가 센터에 위치할 수 있도록 해주는것 header의 height 과 동일한 값으로 line-heigh의 값을 매겨주면 , 태그가 가 센터로 위치하게 된다. - 로고를 제외한 nav요소들이 오른쪽으로 올 수 있도록 float : right ; 해주면 오른쪾으로 오는것을 볼 수 있다. - 아래로 떨어진 메뉴들을 정렬해준다. ㄴ> li는 block속성으로 block속성을 유지하면서 + inline 속성이 여으로 나열 될 수 있도록 inline-block으로 지정해주겠다. block속성은 한줄을 다 차지하는데, inline 속성은 옆으로 나열이 되기 때문에 완성본의 결과와..
Front-end/html 2021. 1. 22. 16:26
favicon_파비콘 등록하는 방법

파비콘 없는 웹사이트는 거의 찾기 어렵다고 볼 수 있다. 웹사이트 제작 강의들을 들으며 , 파비콘 등록은 따로 알려주지 않아서 게시글을 작성해 본다. 파비콘 등록은 아주 간단하게 할 수 있다. 헤드태그 안에서 작성하면 되고, link 속성에 shortcut icon 을 입력해준뒤, href에 파비콘이 위치한 경로를 적어두면 된다. 간단하게 포토샵을 이용해 만들어보았다. * 어차피 웹사이트 타이틀 옆에 작게 들어가기때문에 한글자 정도가 깔끔한것 같다. * 굳이 확장자를 변환하지 않아도 png 로도 가능하기 떄문에 , png로 작업하였다. ▼ 등록방법 ▼ 파비콘 등록 전 ▼ 파비콘 등록 후
Front-end/html 2021. 1. 22. 12:39
이전 Prev 1 2 3 Next 다음