HTML36 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. html 기본 문서 만들기 9 - 텍스트 꾸미기 html 기본 문서 만들기 9 - 텍스트 꾸미기 네 안녕하세요, 이번 포스팅에서는 텍스트를 꾸미는 방법에 대하여 알아보도록 하겠습니다. 우리가 글을 쓰다 보면 글자를 여러 방법으로 강조를 하게 됩니다. 그리고 그 글자는 문단이나 본문 전체에서 중요한 역할을 하게 됩니다. 그래서 이번 포스팅에서는 그러한 방법이 어떤 것들이 있는지 알아보도록 하겠습니다. 1. 텍스트 꾸미기 우리가 글을 작성할 때, 혹은 글을 읽다가 중요한 부분을 보게 되면 밑줄을 긋거나 그 외 여러 가지 강조표현을 합니다. html 태그 역시 여러가지 강조 표현이 가능합니다. 그렇게 하면 글이 좀 더 간결히 요약이 될 수 있어서 가독성이 매우 높아집니다. 아래의 표는 그러한 방법들에 대한 태그를 표로 나타낸 것입니다. 태그 뜻 글자를 진하.. 2023. 3. 1. html 기본 문서 만들기 8 - pre 태그를 이용하여 개발자의 포맷 그대로 출력하기 html 기본 문서 만들기 8 - pre 태그를 이용하여 개발자의 포맷 그대로 출력하기 네 안녕하세요, 이번 포스팅에서는 개발자가 작성한 형태 그대로 출력하는 방법에 대하여 알아보도록 하겠습니다. 우리가 어떤 작업을 수행하다 보면 분명히 본인이 작성한 형식을 그대로 고정해서 출력하고자 하는 경우가 생길 것입니다. 그럴 경우에도 특별한 방법을 써서 출력을 해주어야 합니다. 그래서 이번 포스팅에서는 그러한 방법에 대하여 알아보려 합니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 개발자의 포맷 그대로 출력하기 : pre 태그 이용 우리가 html 태그를 입력하여 브라우저에 출력을 하면 우리가 의도했던 대로 출력이 되지 않는 경우가 많습니다. 제일 대표적인 사례가 html 문서 내에 있는 글이나 그림 등의 형.. 2023. 3. 1. 이전 1 ··· 4 5 6 7 8 9 다음