본문 바로가기

HTML36

html 기본 문서 만들기 7 - 특수한 문자, 기호, 심벌 입력하기 html 기본 문서 만들기 7 - 특수한 문자, 기호, 심벌 입력하기 네 안녕하세요, 이번 포스팅에서는 특수한 문자나 기호, 심벌 등을 입력하는 방법에 대하여 알아보도록 하겠습니다. 우리가 웹 문서를 작성할 때 그냥 일반적인 방법으로 입력이 되지 않는 글자들이 여럿 있습니다. 그럴 경우에는 특별한 방법을 이용해서 표현을 해주어야 합니다. 그래서 이번 포스팅에서는 이러한 방법이 무엇이며, 어떤 식으로 그러한 문자들을 표현할 수 있는지 알아보도록 하겠습니다. 1. 엔터티 코드로 문자, 기호, 심벌 입력하기 우리가 유니코드를 사용하기 이전에는 특수문자를 입력하기 위해서 엔터티 코드와 아스키코드를 이용을 했었습니다. 그래도 요즘은 유니코드가 많이 발전을 해서 굳이 이런 걸 쓰지 않고도 쓸 수가 있는데, 그래도 .. 2023. 3. 1.
html 기본 문서 만들기 6 - br 태그 이용하여 새로운 줄로 넘어가기(개행하기) html 기본 문서 만들기 6 - br 태그 이용하여 새로운 줄로 넘어가기(개행하기) 네 안녕하세요, 이번 포스팅에서는 웹에서 새로운 줄로 넘어가는 기능을 구현하는 개행 방법을 알아보도록 하겠습니다. 우리가 html을 다룰 때에는 그냥 엔터키만 누른다고 개행이 되는 것이 아닙니다. 특별한 태그를 써줘야 다른 줄로 넘어갑니다. 그래서 IDE 프로그램을 쓰면서 그냥 엔터를 눌러서 줄이 바뀌었다고 안심하면 안 됩니다. 그럼 지금부터 그 방법이 무엇인지 알아보도록 하겠습니다. 1. 새로운 줄로 넘어가기(개행) : br 태그 사용 우리가 어떤 글을 작성하다가 글을 다 썼거나 새 줄에서 이어 쓰고 싶을 때는 엔터키를 눌러 개행을 합니다. 그런데 html 태그에서는 그냥 엔터를 누르면 스페이스바를 누를 것과 같이 공.. 2023. 3. 1.
html 기본 문서 만들기 5 - hr 태그로 수평선 긋기 html 기본 문서 만들기 5 - hr 태그로 수평선 긋기 네 안녕하세요, 이번 포스팅에서는 수평선을 웹에 표현하는 법을 알려드리도록 하겠습니다. 이 수평선은 우리가 생각보다 많이 쓰게 되는데요, 예를 들자면 한 페이지에 두 개 이상의 색이 존재하는 경우, 그 빈칸에 css를 이용하여 그 색을 채워 넣을 때도 쓰입니다. css에 대한 부분은 나중에 다뤄보도록 하겠고, 이번에는 제일 기본인 수평선을 긋는 것 부터 하도록 하겠습니다. 1. 수평선 긋기 : hr 태그 이용 html 태그를 이용하면 수평선을 그어서 구역을 나눌 수도 있습니다. 보통 대단원의 제목을 쓰고서 머리글과 본문을 나눌 때 사용하곤 합니다. 아니면 네비게이션 바 같은 걸 만들었을 때도 이런 걸 가끔 쓰기도 합니다. 아무래도 이러한 수평선을.. 2023. 3. 1.
html 기본 문서 만들기 4 - p 태그로 문단 나누기 html 기본 문서 만들기 4 - p 태그로 문단 나누기 네 안녕하세요, 이번 포스팅에서는 문단을 나누는 방법을 알아보도록 하겠습니다. 우리가 글을 쓸 때 어떤 부분이 끝나면 새로운 주제를 쓰기 위해서 새로운 문단을 만들죠? 그걸 이번에 웹에서 표현을 해보려고 합니다. 그럼 바로 시작하도록 하겠습니다. 1. 문단 나누기 : p 태그 이용 html 문서를 보게 되면 우리가 책을 보는 것처럼 여러 단락으로 나누어져 있는 걸 볼 수가 있습니다. 바로 이 단락을 나누는 태그가 p 태그입니다. 그리고 여기에 css 스타일을 적용을 하면 들여 쓰기와 내어 쓰기 등도 제어가 가능합니다. 하지만 지금은 기본적인 부분들을 배우고 있기 때문에 css에 대한 설명을 드릴 때 제가 이야기를 하도록 하겠습니다 그럼 예제 코드를.. 2023. 2. 28.

티스토리툴바