반응형

html강의 3

[HTML] 7강 이미지 관련 태그

이미지 태그에 대하여 웹 문서에서 작성 할 때 가장 많이 쓰이는 태그 중 하나가 이미지 태그입니다. 이러한 이미지 태그에 사용되는 이미지들은 JPG, GIF, PNG 3가지 파일 형식으로만 구성될 수 있습니다.이미지 삽입하기 웹 문서에서 이미지를 삽입할 때는 보통 태그를 사용합니다. 태그는 경로 지정을 통해 이미지를 불러오며, 이미지의 사이즈, 설명 등을 속성으로 추가하여 사용할 수 있습니다. 경로를 불러오는 속성은 src로 [src="경로"] 형식으로 작성합니다. 이미지를 설명해주는 속성은 alt 속성으로 [alt="설명"]형식으로 작성하며, 사이즈는 width, height 속성을 통하여 [width="가로" height="세로"]형식으로 작성합니다.ex)이미지의 다양한 경로 형태 이미지의 경로를 가..

[HTML] 6강 표 관련 태그

표 관련 태그에 대하여 웹 문서에서 자료를 정리 할 때 뿐만 아니라 자료의 위치를 정렬하고 싶을 때 사용되는 태그입니다. 보통 행(row)과 열(column)으로 이루어져이으며, 그 영역을 셀(cell)이라고 표현합니다. 한마디로 셀(cell)이 모여서 행(row)과 열(column)을 이루고 그 행열을 표(table)라고 부릅니다. 이러한 표(table)는 태그, 태그, 태그, 태그 등으로 구성됩니다. ex) 표(table) 셀(cell) 행(row) 열(column) 표 만들어보기 표를 만들기 위해선 태그를 부모태그로 하여, 태그를 작성한 뒤, 태그의 자식태그로 태그, 태그를 작성해줍니다. 여기서 태그는 전체적인 윤곽을 잡아주는 역할을 하고, 태그는 행을 만들어주는 역할을 합니다. 태그는 행마다 생성..

[HTML] 5강 문단 및 형식 관련 태그

문단 태그란? 일반적으로 텍스트를 작성할 때 블록형태로 묶어 처리를 하는경우가 필요합니다. 이럴 때, 필요한게 문단(블록) 태그입니다. 블록형태로 묶어 처리하는 태그를 사용하는 경우, 해당 블록 전체에 태그 명령이 처리가 되는 특징이 있습니다. 단락 태그 텍스트를 작성할 때 가장 많이 사용되는 태그로 앞뒤에 줄바꿈을 만들어 주는 특징이 있습니다. 일반적으로, 태그를 사용하며, 태그의 경우 를 만날 때까지 줄바꿈 없이 텍스트를 한줄로 표시하며, 브라우저의 창보다 너비가 길어지는 경우에는 자동으로 줄바꿈을 해주는 기능이 있습니다. ex) p태그 예제 입니다. p태그 예제입니다. 줄바꿈 태그 텍스트를 작성할 때, 엔터키를 이용하여 줄바꿈을 한다하더라도 웹브라우저 창에서는 줄바꿈 없이 한 줄로 표시됩니다. 이 ..

반응형