본문 바로가기

분류 전체보기221

html 기본 문서 만들기 9 - 텍스트 꾸미기 html 기본 문서 만들기 9 - 텍스트 꾸미기 네 안녕하세요, 이번 포스팅에서는 텍스트를 꾸미는 방법에 대하여 알아보도록 하겠습니다. 우리가 글을 쓰다 보면 글자를 여러 방법으로 강조를 하게 됩니다. 그리고 그 글자는 문단이나 본문 전체에서 중요한 역할을 하게 됩니다. 그래서 이번 포스팅에서는 그러한 방법이 어떤 것들이 있는지 알아보도록 하겠습니다. 1. 텍스트 꾸미기 우리가 글을 작성할 때, 혹은 글을 읽다가 중요한 부분을 보게 되면 밑줄을 긋거나 그 외 여러 가지 강조표현을 합니다. html 태그 역시 여러가지 강조 표현이 가능합니다. 그렇게 하면 글이 좀 더 간결히 요약이 될 수 있어서 가독성이 매우 높아집니다. 아래의 표는 그러한 방법들에 대한 태그를 표로 나타낸 것입니다. 태그 뜻 글자를 진하.. 2023. 3. 1.
html 기본 문서 만들기 8 - pre 태그를 이용하여 개발자의 포맷 그대로 출력하기 html 기본 문서 만들기 8 - pre 태그를 이용하여 개발자의 포맷 그대로 출력하기 네 안녕하세요, 이번 포스팅에서는 개발자가 작성한 형태 그대로 출력하는 방법에 대하여 알아보도록 하겠습니다. 우리가 어떤 작업을 수행하다 보면 분명히 본인이 작성한 형식을 그대로 고정해서 출력하고자 하는 경우가 생길 것입니다. 그럴 경우에도 특별한 방법을 써서 출력을 해주어야 합니다. 그래서 이번 포스팅에서는 그러한 방법에 대하여 알아보려 합니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 개발자의 포맷 그대로 출력하기 : pre 태그 이용 우리가 html 태그를 입력하여 브라우저에 출력을 하면 우리가 의도했던 대로 출력이 되지 않는 경우가 많습니다. 제일 대표적인 사례가 html 문서 내에 있는 글이나 그림 등의 형.. 2023. 3. 1.
html 기본 문서 만들기 7 - 특수한 문자, 기호, 심벌 입력하기 html 기본 문서 만들기 7 - 특수한 문자, 기호, 심벌 입력하기 네 안녕하세요, 이번 포스팅에서는 특수한 문자나 기호, 심벌 등을 입력하는 방법에 대하여 알아보도록 하겠습니다. 우리가 웹 문서를 작성할 때 그냥 일반적인 방법으로 입력이 되지 않는 글자들이 여럿 있습니다. 그럴 경우에는 특별한 방법을 이용해서 표현을 해주어야 합니다. 그래서 이번 포스팅에서는 이러한 방법이 무엇이며, 어떤 식으로 그러한 문자들을 표현할 수 있는지 알아보도록 하겠습니다. 1. 엔터티 코드로 문자, 기호, 심벌 입력하기 우리가 유니코드를 사용하기 이전에는 특수문자를 입력하기 위해서 엔터티 코드와 아스키코드를 이용을 했었습니다. 그래도 요즘은 유니코드가 많이 발전을 해서 굳이 이런 걸 쓰지 않고도 쓸 수가 있는데, 그래도 .. 2023. 3. 1.
html 기본 문서 만들기 6 - br 태그 이용하여 새로운 줄로 넘어가기(개행하기) html 기본 문서 만들기 6 - br 태그 이용하여 새로운 줄로 넘어가기(개행하기) 네 안녕하세요, 이번 포스팅에서는 웹에서 새로운 줄로 넘어가는 기능을 구현하는 개행 방법을 알아보도록 하겠습니다. 우리가 html을 다룰 때에는 그냥 엔터키만 누른다고 개행이 되는 것이 아닙니다. 특별한 태그를 써줘야 다른 줄로 넘어갑니다. 그래서 IDE 프로그램을 쓰면서 그냥 엔터를 눌러서 줄이 바뀌었다고 안심하면 안 됩니다. 그럼 지금부터 그 방법이 무엇인지 알아보도록 하겠습니다. 1. 새로운 줄로 넘어가기(개행) : br 태그 사용 우리가 어떤 글을 작성하다가 글을 다 썼거나 새 줄에서 이어 쓰고 싶을 때는 엔터키를 눌러 개행을 합니다. 그런데 html 태그에서는 그냥 엔터를 누르면 스페이스바를 누를 것과 같이 공.. 2023. 3. 1.