프로그래밍 관련/HTML
HTML 강좌 7편. 프레임(Frame)
HTML 강좌 7편. 프레임(Frame)
2012.02.147-1 프레임(Frame) 프레임은 우리가 쓰고있는 하나의 웹 브라우저 화면에 여러개의 HTML 문서를 표시할때 사용됩니다. 과 , 태그를 알아보도록 할텐데, 우선 FRAMESET란 태그부터 살펴보죠. 프레임셋 태그는 프레임을 어떻게 나눌건지 지정하는 태그입니다. 프레임셋 태그의 속성은 아래와 같습니다.
HTML 강좌 6편. <EMBED>..</EMBED>, <TABLE>..</TABLE>
HTML 강좌 6편. <EMBED>..</EMBED>, <TABLE>..</TABLE>
2012.02.146-1 이 EMBED 태그는 소리 파일이나 동영상 파일들을 삽입할때 사용되는 태그입니다. 속성은 아래와 같습니다. 6-2 .. .. 태그는 표를 만들때 사용되는 태그로써 속성은 아래와 같습니다. 는 테이블 내 행의 형식을 지정하는 태그로써 속성은 아래와 같습니다. 는 행 내의 셀의 갯수를 지정합니다. 속성은 아래와 같습니다. 1행 1열 1행 2열 1행 3열 2행 1열 2행 2열 2행 3열
HTML 강좌 5편. HTML 색상표, 링크 걸기
HTML 강좌 5편. HTML 색상표, 링크 걸기
2012.02.145-1 HTML 색상표 5-2 링크(LINK) 걸기, A(Anchor) 태그를 사용하면 다른 홈페이지, 또는 문서로 연결 시킬수 있습니다. 설명해드릴 속성은 3가집니다. 직접 사용해볼까요? 네이버
HTML 강좌 4편. <UL>, <OL>, <LI>, 특수문자 표시, 이미지 넣기
HTML 강좌 4편. <UL>, <OL>, <LI>, 특수문자 표시, 이미지 넣기
2012.02.144-1 , , OL(Ordered List)태그는 순서 있는 목록을 정리하고 싶을때 사용되는 태그입니다. 타입을 정할 수 있습니다. 1, 2, 3, 4, 5.. 아라비아 숫자 A, B, C, D, E.. 영어 대문자 a, b, c, d, e.. 영어 소문자 Ⅰ, Ⅱ, Ⅲ, Ⅳ, Ⅴ.. 로마 대문자 ⅰ, ⅱ, ⅲ, ⅳ, ⅴ.. 로마 소문자 LI(List)태그는 종료 태그를 넣지 않아도 무관하며, 태그를 넣지 않아도 줄바꿈이 자동으로 이루어집니다. 과 사이에 써주면 숫자 또는 영문자 등이 삽입됩니다. 타입을 기입하지 않으면 기본적으로 아라비아 숫자가 삽입됩니다. 1번 LIST 태그! 2번 LIST 태그! 3번 LIST 태그! 그리고 시작번호도 지정해 줄수 있습니다. 이렇게 바꾸고 결과를 살펴볼까요? 아래와 ..
HTML 강좌 3편. <FONT>, <BIG>, <STRONG>, <CENTER>, <SUB>..
HTML 강좌 3편. <FONT>, <BIG>, <STRONG>, <CENTER>, <SUB>..
2012.02.143-1 .. 이번에 배울 FONT 태그는, 문자의 색과 크기와 폰트를 지정할 수 있습니다. FONT 태그에 사용되는 속성은 아래와 같습니다. (해당 폰트를 가지고 있지 않을때는 times, courier체로 보임) 사용 예: 맑은 고딕! 3-2 , , , , , , , , .. 태그는 기본 폰트크기를 한단계 더 크게합니다. 크게! .. 태그는 기본 폰트크기에서 한단계 작게합니다. 작게! .., .. 태그는 같은 역할을 하나 EM이 알아보기 쉬우므로 EM이 더 많이 쓰이는 추세입니다. 글자를 기울이는(이탤릭 체) 역할을 합니다. 이탤릭 체! 이탤릭 체! .., .. 이 두 태그는 보기엔 둘다 같으나, 가지는 성격은 서로 다릅니다. B는 단순히 글자를 굵게 하고 싶을때 사용하며, STRONG은 글자를 '강조..
HTML 강좌 2편. 본격적인 태그와 요소의 활용, <BODY>, <BR>..
HTML 강좌 2편. 본격적인 태그와 요소의 활용, <BODY>, <BR>..
2012.02.142-1 .. 저번 편 강좌에서 간략하게 , BODY의 배경색 지정! BODY 배경관련 태그 속성 여백 관련 태그 속성(leftmargin, topmargin): BODY 여백관련 태그 속성 상하좌우 영역 관련 태그 속성(marginwidth, marginheight): BODY 상하좌우 영역 관련 태그 속성 2-2 , , 우리가 만나볼 BR(Line Break) 태그는 강제 줄바꿈 태그며, 줄바꿈을 의미합니다. 우리가 줄바꿈 하고 싶은 부분에 이 BR태그를 넣어주면 쉽게 바꿔줄 수 있습니다. 이 태그처럼 단독으로 쓰이는 태그의 경우엔 태그 이름 뒤에 /를 붙입시다. 1번 줄 2번 줄 3번 줄 이와 비슷한 P(paragraph) 태그는 하나의 문단을 구성하게 만들어주는 태그입니다. 1번 줄 2번 줄 3번 ..
HTML 강좌 1편. HTML란 뭘까?
HTML 강좌 1편. HTML란 뭘까?
2012.02.141-1 HTML란 뭘까? 본격적으로 강좌에 들어가기 전, HTML는 뭘까요? 아니 그전에, WWW는 뭘까요? WWW(World Wide Web)은 거미줄 처럼 엉킨, 정보의 망을 얘기하며 HTML(HyperText Markup Language)는 WWW에서 볼수있는 문서를 만들기 위한 일종의 표준언어입니다. HTML로 만들어진 문서들은 확장자를 .html또는 .htm을 가집니다. 이러한 웹 문서는 우리가 직접 태그를 입력하여 만들거나, 웹 편집기(예: 나모 웹에디터 등)으로 만들 수 있습니다. 앞으로 우리가 배울 태그들을 사용하여 텍스트, 그림, 사진, 음성, 영상등 다양한 요소들을 웹 브라우저로 표현할 수 있습니다. HTML의 구성요소는 총 네가지이며, 아래와 같습니다. 요소 (Elements): 시작..