본문 바로가기

Web publishing4

css 속성 Font Tag 폰트는 브라우저 마다 다르기때문에 강제 해야 한다. 제목 : h1 ~ h6 숫자가 높을수록 글씨크기가 작아진다. 내용 : p 단락 br 개행 hr 수평줄 앵커 태그(a) : 웹표준에 따르면 href 값이 있어야 하기때문에 빈값은 # 로 채운다. href 값에 특정 태그가 가지고 있는 id 값을 입력해주면 해당 태그로 이동하는 역할도 한다. 글자 형태 : b 굵은 i 기울어진 small 작은 sub 아래에붙는 sup ins 위에붙는 del 가운데줄 List Tag 기본목록 : ul 순서가 없는 ol 순서가 있는 li 목록 요소 정의목록 : dl 정의목록 dt 정의용어 dd 정의설명 Input Tag ETC Tag table 태그 내부에 넣을수 있는 태그 caption 캡션 colgroup .. 2017. 8. 5.
파일첨부 button에 style주기/ input type file에서 파일명만 나오게 파일첨부 button에 style주기/ input type file에서 파일명만 나오게 기본적인 파일첨부하기 input button은 이렇게 스타일이 안예쁘죠~ 원하는 디자인으로 예쁘게 파일첨부하기 버튼을 바꾸고 첨부파일이 파일경로가 다 표시되는것이 아닌 파일명만 나오게 하는 html 소스입니다. 2017. 5. 23.
HTML 이미지맵 좌표잡기, 한이미지에 여러개 링크걸기 HTML 이미지맵 좌표잡기, 한이미지에 여러개 링크걸기 하나의 이미지에 여러개의 링크를 거는법으로이미지맵(image map)을 사용하는데요.프로그램 다운로드 없이 쉽게 이미지맵 좌표잡아서 링크거는 법이 있답니다. 이미지맵 좌표 잡아주는 사이트http://maschek.hu/imagemap/imgmap/ 이미지맵 html소스 shape="rect" (rect : 사각형좌표, circle : 원형좌표, poly : 다각형좌표)coords="이미지좌표" (시작점x,시작점y,끝점x,끝점y)target="_blank" (_self : 현재창, _blank : 새창에서) 그럼 따라해볼까요~~cat.jpg 하나의 이미지에 naver부분과 daum부분 두군데에 링크를 걸어줄꺼예요. 1. 파일선택 버튼 클릭 cat.jp.. 2017. 5. 11.
폰트어썸 아이콘 웹폰트로 사용하기 폰트어썸 아이콘 웹폰트로 사용하기 폰트어썸 사용하는 방법을 안내해드립니다. 폰트어썸은 현제 4.6버전으로 630여가지의 아이콘을 폰트형태로 제공하고 있습니다.폰트어썸 페이지 바로가기 http://fontawesome.io/icons/ 사용방법 1. 원하는 아이콘을 서치한후 클릭. 2. 선택한 아이콘 페이지로 이동. 3. 해당 아이콘의 클래스명을 복사. [출처] 카페24 매뉴얼 - 폰트어썸 아이콘 변경하기|작성자 맥스4. 복사한 아이콘의 클래스명을 바꾸고자 하는 태그 안에 붙여넣기. [출처] 카페24 매뉴얼 - 폰트어썸 아이콘 변경하기|작성자 맥스 [출처] 카페24 매뉴얼 - 폰트어썸 아이콘 변경하기|작성자 맥스 2017. 5. 2.
728x90