본문 바로가기

웹(IT) 정보/html7

상단 고정 레이어 팝업 만들기 사이트 상단에 고정으로 배너를 놓고 오늘 이창을 열지않음 클릭 시 오늘 킬릭시간부터 24시간 계산 하여 띄워주지 않게 합니다. 꼭 상단 아니더라도 일반 레이어 팝업에서도 사용할 수 있어요! 카페24 소스기준이니 맞는 솔루션에 import 변형하시면 다 적용이 가능합니다. [ HTML 파일내용 ] 상단배너 오늘 이 창을 열지 않음 [닫기] [ CSS 임포트 ] .laypopup {text-align:center; overflow:hidden; position:relative; width:100%;} .laypopup .bt { position:absolute; bottom:10px; right:30px; font-size:16px; line-height:20px} .laypopup .bt span:hove.. 2017. 10. 25.

html tag 태그 리스트 html 태그 리스트 태그 태그설명 일명 주석이라고 합니다. html중에서 사용하지 않는 부분을 주석처리하여해당태그를 사용하지 않거나 html중 메모를 넣는데 사용합니다. a태그는 하이퍼링크 태그로써 html문서간의 페이지 이동을 위하여 a href="" 방식으로 주소를 입력합니다. 해당문서의 작성자 또는 소유자의 연락처 정보를 입력합니다. 에어리어 안에 이미지들의 이미지 맵을 설정하는 태그입니다. 일반적으로 이미지에 여러개의 링크가 있거나 또는 특정위치에 링크모양을 만들어 넣거나 할때 사용합니다. 독립적인 컨텐츠를 지정할때 사용합니다. 오디오 컨텐츠를 사용할때 사용합니다. 해당 태그안에 텍스트들은 모두 bold로 표시됩니다. 문서의 모든 상대경로 url을 지정하여 상대경로를 줄여서 쓸때 사용합니다. h.. 2017. 8. 23.

html 파일경로와 링크의 이해 파일경로는 웹사이트의 폴더 구조에서 해당하는 위치는 설명합니다. 파일경로는 이미지, 링크, 스타일시트, 자바스크립트등 이 주로 경로에 쓰입니다. html을 다루다 보면 이미지나 모든 경로 설정에 있어서 한번쯤은 제대로 경로설정을 했는데도 불구하고 링크가 제대로 작동이 되지 않거나 이미지가 경로에 맞지 않아 깨지는 상황들이 많이 있습니다. 경로에는 절대경로, 상대경로 두가지가 있습니다. 절대경로란? 절대경로는 해당하는 파일의 웹사이트 해당하는 폴더의 절대적인 위치를 말합니다. 상대경로에 비해 주소가 굉장히 길지만 틀릴 위험요소가 없다는 장점이 있습니다. 상대경로란? 1. 현재 페이지와 같은 폴더에 위치해 있는 파일을 설명합니다. 2. 현재 페이지의 images폴더 안에 포함되어 있는 이미지파일을 설명합니다.. 2017. 8. 20.

html/css 목록태그 ol,ul,dl 이것만 알아도 홈페이지 만든다! 목록태그 ol,ul,dl 이것만 알아도 홈페이지 만든다!홈페이지, 웹사이트는 거의 대부분이 목록으로 이루어집니다. CSS때문에 우리가 눈에 보이지 않는 태그들이 디자인되어 변형이 되어집니다. 그중에서 거의 대부분이 목록 태그로 이루어져 있습니다.우리가 자주이용하는 N사 사이트의 CSS를 빼볼까요?다음과 같은 텍스트로만 이루어진 목록이 쭉 보이게 됩니다. 그렇게 깔끔하고 정돈이 잘 된 사이트 같았지만 사실은 간단한 html 태그로 이루어진 사이트 인것입니다. N사 뿐만이 아니라 모든 사이트들이 동일한 구조를 갖고 있습니다. OL - odered list 숫자나 알파벳 순서목록을 만듭니다.UL - unodered list순서가 필요없는 목록을 만듭니다. 보통 순서가 필요없는 목록 UL이 가장 많이 사용됩니다.. 2017. 8. 2.

html 코딩 기본 테이블편 3강 테이블은 데이터나열에 있어 정말 필요한 부분입니다.세번째 강좌 두번째 강좌에서는 테이블의 구조적인 면이었습니다.2강 테이블의 구조 보러가기 디자인적 구조로 디테일하게 알아보겠습니다. 테이블의제목 게시물제목 이름 날짜 안녕하세요! 작성자 2017.07.28 반갑습니다! 작성자 2017.07.28 어서오세요! 작성자 2017.07.28 th, td 내부의 패딩, 간격조정방법 css th, td { padding: 20px;} 위와같이 테이블 내에 패딩을 쉽게 줄 수 있습니다. 제목이나 내용의 위치 정렬 3가지 LEFT, CENTER, RIGHT css th { text-align: center;}td { text-align: left;}td { text-align: center;}td { text-align.. 2017. 7. 29.

html 코딩 기본 테이블편 2강 테이블은 데이터나열에 있어 정말 필요한 부분입니다.두번째 강좌 첫번째 강좌에서는 아주 정말 기본적인 부분만 적어놓았습니다.1강 보러가기조금더 디테일하게 알아보도록 합시다. 테이블의제목 게시물제목 이름 날짜 안녕하세요! 작성자 2017.07.28 반갑습니다! 작성자 2017.07.28 어서오세요! 작성자 2017.07.28 html 테이블의제목 게시물제목 이름 날짜 안녕하세요! 작성자 2017.07.28 반갑습니다! 작성자 2017.07.28 어서오세요! 작성자 2017.07.28 css table { border-collapse: collapse; width: 100%;} td, th { border: 1px solid #dddddd; text-align: left; padding: 8px;} 여기서 알.. 2017. 7. 28.

이전 1 2 다음

티스토리툴바