IT50 HTML 줄바꿈(4가지 방법) HTML 코딩 엔터(Enter) 줄바꾸기 위해서 코딩시에 엔터를 사용하고 브라우저에서 결과를 확인 해 보면 줄바꿈이 발생하지 않은 것을 확인 할 수 있습니다. 1 2 줄바꿈 테스트 입니다. 줄바꿈 테스트 입니다. ▼ HTML 코딩 시에 줄바꾸는 4가지 방법에 대하여 알아보겠습니다. 태그 문단나누기 태그 문단의 여백(margin) 설정 값으로 인해 줄 간격이 발생합니다. 발생하지 않게 하기 위해서는 margin 값을 0px 로 설정하면 됩니다. ex) 내용 1 2 줄바꿈 테스트 입니다. 줄바꿈 테스트 입니다. 태그 줄 바꾸기 태그로 BR은 Break를 의미 합니다. 1 2 줄바꿈 테스트 입니다. > 줄바꿈 테스트 입니다. > 태그 태그 안의 문장에서 여백이나 줄 바꿈 등이 모두 그대로 유지 되어 표시 되게.. 2018. 5. 16. HTML 이미지 삽입 / 예제 이미지 삽입은 가장 많이 사용되는 태그 중 하나 입니다. HTML 이미지 삽입 방법과 다양한 속성에 대하여 알아보고, 예제를 통하여 속성들이 적용 된 모습을 확인 해 보도록 하겠습니다. 기본 사용법(필수속성) ※ SRC : 필수 속성입니다. GIF, JPG, PNG 등의 확장자 형식 이미지를 사용합니다. 확장 사용법 추가속성 - ALT : 대체 텍스트로 이미지파일 오류로 나타나지 않을 경우 표시 됩니다. - TITLE : 설명문구로 이미지에 마우스를 가져가면 표시 됩니다. - WIDTH : 가로크기를 지정합니다. - HEIGHT : 세로크기를 지정합니다. - ALIGN : 텍스트 위치를 설정 합니다. 설정값(TOP / MIDDEL / BOTTOM / LEFT / RIGHT) - VSPACE : 이미지 상.. 2018. 5. 15. 쉽게 사용가능한 HTML 편집기 쉽고 가볍게 사용 가능한 Html 편집기를 소개 해 봅니다. 프로그래밍을 공부 할 때 가장 먼저 사용했던 Html 편집기는 메모장이였습니다. 그 다음 단계로 사용 했던 툴이 바로 지금 소개 해 드릴 편집기인 '에디트플러스' 입니다. 에디트플러스(EditPlus)란 에디트플러스는 윈도우 환경에서 사용할 수 있는 문서 편집기이자 웹프로그램을 쉽게 하기 위한 코딩 편집기 입니다. HTML은 물론 그 외 PHP, Java, Jsp, JavaScript, CSS, XML 등 다양한 프로그램 언어를 쉽게 편집할 수 있도록 도와주는 많은 기능들을 제공 해 줍니다. 주요기능 알록달록 Text 색을 통한 구문강조와 브라우저를 실행하지 않아도 HTML 문서를 내장 브라우저를 통해 확인 가능합니다. FTP 서버로 업로드하거.. 2018. 5. 14. HTML 글자 모양 태그 글자의 모양과 관련 된 태그를 알아 보도록 하겠습니다. 글자의 모양 역시 대부분 CSS Style을 이용하여 코딩하지만 한번쯤은 학습 해 두어도 좋을 것 입니다. 글자 모양 태그들에는 문자의 진하기, 글자체, 밑줄긋기 등이 있습니다. 하나하나 어떤 기능들의 태그들이 있는지 알아보도록 하겠습니다. 태그종류 문자를 진하게 문자를 진하게 이탤릭체 이탤릭체 자료를 인용 할 때, 이탤릭체 위 첨자 아래 첨자 타자체 프로그램 코드를 표시할 때, 타자체 밑줄 코딩실습 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 문자를 진하게 문자를 진하게 이탤릭체 이탤릭체 자료를 인용 할 때, 이탤릭체 위 첨자 아래 첨자 타자체 프로그램 코드를 표시할 때, 타자체 밑줄 실습결과 2018. 5. 12. 이전 1 ··· 7 8 9 10 11 12 13 다음
