본문 바로가기

HTML

LS NOEUL v11 Republish Beta DOWNLOAD_ 테마의 사용으로 인해 발생하는 모든 문제는 테마를 사용한 자신에게 있음을 알려드립니다. LS NOEUL v11 Republish Beta를 공개합니다. 아무나 받아도 상관없으나, 코드를 알지 못하는 분들께서는 다운받으신 뒤 저에게 이것저것 질문하셔도 대답해드리지 않습니다. 기본적으로 테마의 설치방법과 설정에 대한 부분은 본문에 모두 첨부되어 있으니 천천히 읽어보십시오. __알림드립니다.본 테마는 베타버전으로 개발이 중단될 수 있습니다.본 테마는 시간과 날짜, 알림 표시 기능만 갖추고 있습니다.(=날씨와 이벤트 캘린더 등은 지원하지 않습니다.)정식배포가 아님으로 설정에 관련된 질문은 받지않습니다.등록된 첨부파일의 압축해제를 위해 http://7-zip.org 사이트의 7z 프로그램이 필요.. 더보기
HTML 기초 #2 [HTML Tag] 오늘은 알파벳 'A'로 시작하는 태그에 대해 알아보겠습니다. 만약 찾고 싶은 태그가 있으시다면 키보드의 Ctrl + F를 누르신 후 '태그이름'으로 검색해주십시오. 주석(설명)을 나타냅니다. 코드상에만 존재하며 본문에는 표시되지 않습니다. HTML 문서 형식에 관한 버전 정보(DTD)를 설정합니다. 웹표준에서는 반드시 모든 HTML 문서의 맨 앞에 있어야하며, HTML 문서의 구성 요소는 아니지만 에 따라 스타일 속성과 태그가 변하게 되니 알아두시면 좋습니다. 더 자세한 내용은 HTML 기초 #1에 설명되어 있습니다. 링크를 나타내는 태그이며 앵커(anchor)라 발음합니다. 페이지 이동, 자료 다운로드, 문서 내 이동(책갈피) 등의 기능을 활용할 때 사용됩니다. 링크이름 이동할책갈피이름 미리보기 : 링.. 더보기
HTML 기초 #1 언제 다시 업데이트 될지 모르는 HTML 강좌입니다. 처음글은 HTML의 기본 지식과 태그의 요소에 대해 알아보도록 하겠습니다. 01. HTML의 기본 지식. ## HTML이란? 책이나 웹에서 HTML의 정의에 대해 설명한 글들은 긴 서술형으로 설명하는 경우가 많은데, 쉽게 한마디로 요약하자면 웹문서입니다. 홈페이지의 내용을 보여주기위한 문서이죠. 한글을 보여주기 위한 문서는 hwp, MS Word를 보여주기 위한 문서는 doc 이런것처럼 웹페이지의 내용을 보여주기 위한 문서가 바로 html입니다.html의 확장자는 html과 htm으로 나뉘는데 두개의 차이점은 없고, 예전에는 htm문서도 사용되었으나 현재는 보통 html로 통일하고 있습니다. __## HTML문서를 제작하기위한 프로그램? 하드코딩(직접.. 더보기
Highlight Code JavaScript TEST pre태그와 code태그를 이용하여 본문에 코드를 삽입하는 스크립트이다. 사용방법은 pre태그의 자식요소로 code태그가 들어가야하며, 이 때 code태그에는 language-[적용할코드]가 클레스가 필요하다. HTML 예제내용입력. CSS 예제내용입력. JS 예제내용입력. 여기서 또 하나의 중요한 포인트!HTML과 JS, PHP, ASP, JSP 등의 문서에서 코드가 글자입력 위의 내용을 미리보기로 본다면 아래와 같이 표현될 것이다. HTML 예제글자입력 좀 더 확실하게 이해를 돕기위해 이미지 확인.위 이미지가 본문에 적용된 테스트 코드 중 HTML 부분이다.(아래 두번째 박스 HTML) 실제로 코드를 테스트 해 보았.. 더보기
[CSS] before와 after 선택자를 이용하여 Float 속성 해제 Float 속성을 이용하여 레이아웃을 제작할 때 Clear를 사용하게 된다. 일반적으로 clear는 float 속성을 가진 하위 레이아웃에 사용되는데 이렇게 사용될 경우 float속성을 가진 레이어에서 margin값이 적용이 안된다던지 하는 문제가 발생한다. 이때 after 선택자를 이용하여 clear를 적용하는 경우 위와 같은 문제를 해결할 수 있다. ** 선택자에 대한 설명 ** before : 해당 레이어 컨텐츠의 앞에 적용토록 한다. after : 해당 레이어 컨텐츠의 뒤에 적용토록 한다. float 1 float 2 float속성이 해제된 이후 내용입니다. float 1 float 2 float속성이 해제된 이후 내용입니다.위의 예제에서 보시다시피 clearfix가 적용된 class에서 하단의 .. 더보기