니힐로그 로고

전체 포스트 36

공지, 일러스트를 제외한 모든 포스트의 목록을 확인할 수 있습니다. 공지와 일러스트는 각각의 링크를 이용하시기 바랍니다.

웹 개발을 위한 HTML 가이드 19편 - 취소선과 밑줄 표현

웹 개발을 위한 HTML 가이드 19편 - 취소선과 밑줄 표현

MS 오피스의 워드나 한컴 오피스의 한글 같은 경우 그리고 웹상에서 볼 수 있는 수많은 밑줄과 취소선들 또한 태그로 간단하게 처리할 수 있습니다. 이번 글 웹 개발을 위한 HTML 가이드 19편에서는 취소선과 밑줄을 나타내는 태그에 대해서 알아봅시다. 여러분이 웹 페이지를 구성하면서 텍스트에 밑줄이나 취소선을 넣고 싶다면 이번 글에서 알게 된 내용을 적용하면 됩니다. 이번 글의 내용은 가이드라고 하기 민망할 정도로 아주 간단하고 짧습니다. 가볍게 보고 넘어가시면 되겠습니다. 그럼 웹 개발을 위한 HTML 가이드 19편을 시작하도록 합시다. 취소선이라고 하면 가운데에 줄이 그어지는 것을 말합니다. 이렇게 줄이 그어지죠. 물론 색깔이 바뀌지는 않습니다. 이 글은 스타일이 입혀져 있어서 그렇다는 것을 이해하고 지나가주세요. 아무튼, 너무 간단하니까 간단하게 코드만 보고 넘어가도록 합시다. 취소선은 s태그로 구현합니다. 여는 태그가 있고 닫는 태그가 있습니다.

가이드HTML - 2021-11-26 08:43

웹 개발을 위한 HTML 가이드 18편 - 텍스트의 추가, 제외 태그

웹 개발을 위한 HTML 가이드 18편 - 텍스트의 추가, 제외 태그

어떤 누군가는 문서가 버전이 올라갈 때마다 어떤 부분이 추가되었고 어떤 부분이 삭제되었는지 표시하고 싶을 수 있습니다. 이럴 때에는 텍스트의 추가와 삭제를 나타내는 태그를 이용하면 됩니다. 웹 개발을 위한 HTML 가이드 18편의 주제는 바로 텍스트의 추가와 삭제입니다. 그럼 바로 본론으로 들어가도록 합시다. 텍스트의 추가를 의미하는 태그는 ins태그입니다. 반대로 삭제를 의미하는 태그는 del태그입니다. 이름에서 볼 수 있듯이 ins태그는 insert의 약자이고 del태그는 delete의 약자입니다. 이 태그들은 텍스트의 변동사항을 표현할 때에 사용합니다.

가이드HTML - 2021-11-17 19:43

웹 개발을 위한 HTML 가이드 17편 - 윗첨자와 아랫첨자 태그

웹 개발을 위한 HTML 가이드 17편 - 윗첨자와 아랫첨자 태그

웹을 돌아다니다 보면 일반 텍스트보다는 작은 텍스트인데 아래로 내려가 있거나 위로 올라가 있는 텍스트들이 보일 때가 있습니다. 이걸 아랫첨자와 윗첨자라고 합니다. 문서를 만드는 다양한 에디터에는 이런 기능들이 포함되어 있습니다. HTML에서도 가능합니다. 이번 글은 웹 개발을 위한 HTML 가이드 17편입니다. 이번 글에서 다룰 내용은 윗첨자와 아랫첨자입니다. 이번 글의 내용은 아주 중요한 것은 아닙니다. 이런 태그도 있구나 하면서 나중에 생각이 나거나 사용하고 싶을 때에 사용할 수 있으면 이번 글의 학습은 아주 성공적인 것이 됩니다. 그러니까 외울 필요는 없고 이해하고 넘어가는 게 중요합니다.

가이드HTML - 2021-11-15 19:56

웹 개발을 위한 HTML 가이드 16편 - 개행과 가로줄 태그

웹 개발을 위한 HTML 가이드 16편 - 개행과 가로줄 태그

이번 글은 웹 개발을 위한 HTML 가이드 16편입니다. 텍스트 관련 태그 그 두번째 파트이고, 개행과 가로줄 태그에 대해서 알아보려고 합니다. 말했듯이 이번 글에서 알아볼 태그는 총 두가지입니다. 하나는 이미 다뤘던 적이 있는 줄바꿈을 만들어주는 개행 태그. 즉 br태그입니다. 다른 하나는 페이지에 가로줄을 만들어주는 hr태그가 준비되어 있습니다. 이번 글도 그렇게 길지 않고 어려운 내용은 없을 겁니다. 천천히 함께 알아보도록 합시다. 이번 글을 포함한 앞으로의 가이드에서는 새로운 태그를 연습하기 위해서 우리의 프로젝트 폴더에 연습 파일을 하나 만들고, 그 안에서 연습을 진행한 다음에 우리 프로젝트 폴더에서 메인이 되는 index.html 파일에서 본격적인 실습을 진행하고 각 가이드를 마칠 생각입니다.

가이드HTML - 2021-11-12 23:56

웹 개발을 위한 HTML 가이드 15편 - 굵기와 기울기 태그

웹 개발을 위한 HTML 가이드 15편 - 굵기와 기울기 태그

이번 글은 웹 개발을 위한 HTML 가이드 15편입니다. 저번 글에서는 하이퍼 링크를 만들어주는 링크 태그인 a태그에 대해서 알아봤습니다. 이번 글부터는 텍스트에 관련된 태그들을 알아볼 알아보려고 합니다. 태그의 개수가 많아서 여러 파트로 나눠서 진행할 생각입니다. 이 글은 그 첫번째입니다. 이번 글에서 알아볼 태그는 총 네가지로, 굵기 태그 두개와 기울기 태그 두개입니다. 네가지의 태그지만 어렵지는 않기 때문에 간단하게 이해할 수 있을 것이라고 생각됩니다. 자, 그럼 함께 알아보도록 합시다. 텍스트를 강조하는 다양한 방법 중에서 가장 기본적인 두가지의 방법은 텍스트를 굵게 만들거나 기울이는 것입니다. 각각 두가지의 방법이 있는데 어떻게 다르고 어떻게 사용하면 좋은지 간단하게 살피고 다음 파트로 넘어가도록 합시다.

가이드HTML - 2021-10-30 13:58

2 / 8