분류 전체보기221 html 고급 문서 만들기 3 - table 태그로 표 만들기 html 고급 문서 만들기 3 - table 태그로 표 만들기 네 안녕하세요, 이번 포스팅에서는 표를 만드는 방법에 대하여 알아보도록 하겠습니다. 우리가 웹 페이지를 만들면서 리스트 보다 좀 더 체계적인 구조로 무언가를 짜고 싶을 때에는 표를 씁니다. 그리고 html 문서를 작성할 때 이러한 표를 작성하는 요령이 있습니다. 그래서 이번 포스팅에서는 그러한 방법을 알아보려 합니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 표 만들기 : 태그 이용 html 태그에서는 표도 만들 수 있습니다. 앞서 말씀드렸듯이, 우리가 한 번에 많은 양의 데이터를 간단하게 요약하여 보여주고자 할 때 표를 씁니다. 그래서 html에서는 table이라는 태그를 이용하여 표를 만듭니다. 이런 식으로 사용을 합니다. 제목 헤딩 셀.. 2023. 3. 1. html 고급 문서 만들기 2 - ol, ul, dl 태그로 리스트 만들기 html 고급 문서 만들기 2 - ol, ul, dl 태그로 리스트 만들기 네 안녕하세요, 이번 포스팅에서는 리스트를 만드는 방법에 대하여 알아보도록 하겠습니다. 우리가 웹을 만들 때 장황한 글보다는 중요한 키워드만을 띄워서 표현하는 것이 더 좋을 때가 있습니다. 그럴 경우에 쓰는 것이 리스트인데, 이번 포스팅에서는 이러한 리스트가 어떤 종류들이 있는지 한 번 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 리스트 만들기 : ol, ul, dl 태그 사용 보통 우리가 쓰는 리스트는 크게 3가지가 있습니다. ol 태그 : 순서가 있는 리스트 ul 태그 : 순서가 없는 리스트 dl 태그 : 정의 리스트 그리고 dl 태그를 제외하고, 리스트의 내용을 나타낼 때에는 li 태그를 씁니다. 1 -.. 2023. 3. 1. html 고급 문서 만들기 1 - img 태그로 이미지 삽입하기 html 고급 문서 만들기 1 - img 태그로 이미지 삽입하기 네 안녕하세요, 이번 포스팅에서는 이미지를 삽입하는 방법에 대하여 알아보도로 하겠습니다. 우리가 웹 화면을 보면 이미지들이 심심찮게 삽입이 되어있는 것을 볼 수 있습니다. 그러한 이미지도 html 태그로 넣을 수 있는 방법이 존재합니다. 이번 포스팅에서는 웹을 꾸밀 때 그림을 넣는 방법에 대하여 알아보고자 합니다. 그럼 지금부터 알아보도록 하겠습니다 1. 이미지 삽입하기 : img 태그 이용 img 태그를 이용하면 이미지를 삽입할 수 있습니다. img 태그를 이용하여 삽입이 가능한 이미지 형식은 bmp, png, jpg(jpeg), animated - gif 등이 있습니다. 거의 현존하는 모든 형태의 이미지 파일은 다 삽입이 가능하다고 생각.. 2023. 3. 1. html 기본 문서 만들기 10 - 블록 태그와 인라인 태그 이용하기 html 기본 문서 만들기 10 - 블록 태그와 인라인 태그 이용하기 네 안녕하세요, 이번 포스팅에서는 블록 태그와 인라인 태그에 대해서 알아보도록 하겠습니다. 각각의 html 태그들은 각기 다른 기능들을 가지고 있습니다. 그중에서 이 블록 태그와 인라인 태그는 그러한 태그들을 나누는 기준이 되는데, 이번 포스팅에서 블록 태그와 인라인 태그에 속하는 태그들이 어떤 것들이 있는지 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 블록 태그와 인라인 태그 이용하기 html 태그는 크게 두 가지의 태그로 나누어져 있습니다. 블록 태그 인라인 태그 블록 태그는 내용을 감쌀 때 쓰는 태그, 인라인 태그는 그 내용 안에서 부가적인 기능을 담당합니다. 그래서 블록 태그는 항상 새로운 라인에서 시작이 .. 2023. 3. 1. 이전 1 ··· 19 20 21 22 23 24 25 ··· 56 다음