본문 바로가기

전체 글314

image - HTML문서에 이미지를 삽입하는 방법 HTML문서에 이미지를 삽입하는 방법HTML문서에 이미지를 삽입하기 위해서는 태그를 사용합니다.태그의 가장 기본적인 속성은 이미지 경로를 지정하는 src 속성입니다.만일 이미지 파일과 HTML 파일이 같은 폴더내에 있다면 그냥 이미지 파일명만 입력해 주면 됩니다.이미지의 너비와 높이를 지정하기 위해서는 width 속성과 height 속성을 사용합니다. 이 속성을 지정해주지 않으면 기본적으로 이미지 자체의 너비와 높이로 삽입됩니다.이미지에 링크를 거는 경우 링크가 걸린 이미지라는 것을 표시해주기 위해서 기본적으로 이미지의 경계선이 1픽셀로 표시됩니다. 그래서 이 경계선을 없앨려면 border 속성을 0으로 지정해 줍니다.위의 예제에서 border 속성을 지우고 테스트 해보면 쉽게 이해할 수 있습니다.초보자.. 2014. 1. 1.
메타(Meta) 태그 메타(Meta) 태그태그는 HTML 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있습니다.태그는 문서의 헤더부분( 사이)에 위치하여야 합니다.태그에서 가장 일반적으로 사용되는 속성은 name, content 속성입니다. name 속성값으로는 subject, title, author, keywords 등이 있습니다.검색엔진에게 문서의 내용을 요약해 주는 역할을 담당한다고 할 수 있습니다.그럼 name 속성값으로 keywords를 지정하고, content에 "meta태그, HTML, 홈페이지제작" 이라고 지정했으니 검색엔진에서 홈페이지 제작이라고 입력하면 이 페이지가 상단에 나올까요?검색엔진이 태그를 수집하여 참고는 합니다만 이를 상업적으로 활용하.. 2014. 1. 1.
오브젝트 엘리먼트(Object element) HTML 문서에 멀티미디어 삽입 오브젝트 엘리먼트(Object element) HTML 문서에 멀티미디어 삽입object element 는 문서내에 플래시나 동영상과 같은 개체(Object)를 삽입하는데 사용됩니다.HTML 문서에 개체를 삽입하는 태그는 여러가지가 있습니다. 동영상과 음악과 같은 멀티미디어를 삽입하는 embed, 자바 애플릿을 삽입하는 applet 엘리먼트 등이 있습니다. 최근의 추세는 object 엘리먼트로 통합되는 방향입니다.embed 와 object 의 차이점embed 엘리먼트는 개채삽입으로 자신의 컴퓨터에 해당 미디어파일을 실행할수 있는 프로그램이 없다면 실행이 되지 않습니다. 그러나 object 엘리먼트는 웹에서 개채를 로드해서 재생되므로 프로그램이 없어도 실행이 가능합니다.HTML 페이지에 멀티미디어를 추가하.. 2014. 1. 1.
HTML문서에 CSS를 사용하는 3가지 방법 HTML문서에 CSS를 사용하는 3가지 방법HTML문서에 CSS를 사용하는 방법은 3가지가 있습니다.외부 스타일 시트(External Style Sheet)내부 스타일 시트(Internal Style Sheet)HTML태그내에 스타일 지정(Inline Styles)외부 스타일 시트(External Style Sheet)css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법입니다.이 방법의 장점은 홈페이지 전체의 스타일을 일관성있게 유지하면서 변경시에도 일괄적으로 변경되므로 홈페이지 제작의 효율성을 극대화 할 수 있습니다.반면 외부 스타일 시트 파일을 계속적으로 관리해주면서 HTML 문서를 만들어 나가야 하기에 불편한 경우가 있습니다. 그리고 외부 스타일 시트.. 2014. 1. 1.

티스토리툴바