IT/웹디자인19 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 글자 모양 태그 글자의 모양과 관련 된 태그를 알아 보도록 하겠습니다. 글자의 모양 역시 대부분 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. HTML 글자크기, 글자색 설정 태그 요즈음 대부분 글자모양에 대하여 CSS 문법을 이용하여 설정하지만 HTML 태그를 이용하는 방법도 있습니다. 따라서 이번 시간에는 HTML 태그를 이용하여 글자크기 및 글자색을 설정하는 방법에 대하여 알아보도록 하겠습니다. 글자크기 내용 - 글자 크기는 1~7까지이고, 1일 때 크기가 가장 작습니다. 글자색 내용 색번호 - RGB 방식으로 R, G, B 모두 0~255까지의 단계가 가능하며 두 자리의 16진수로 표현 됩니다. 실습코딩 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 HTML 글자 크기 실습 입니다. HTML 글자 크기 실습 입니다. HTML 글자 크기 실습 입니다. HTML 글자 크기 실습 입니다. HTML 글자 크기 실습 입니다. HTML 글자 크기 실습 입니다. .. 2018. 5. 11. 이전 1 2 3 4 5 다음
