반응형

IT 26

[HTML] HTML 기본 문법 태그(tag)

태그 먼저 태그를 예로 태그에 대해서 알아보도록 하겠습니다. 태그 HTML 문서에서 대부분의 요소는 위와 마찬가지로 시작 태그()와 종료 태그()로 작성이 되고 그 사이에 내용이 들어갑니다. 여기서 종료 태그는 꺾쇠() 안쪽 앞부분에 슬래시(/) 기호를 넣어줍니다. 시작 태그는 여는 태그라고도 하고 종료 태그는 닫는 태그라고 부르기도 합니다. 그래서 대개 '시작태그-내용-종료태그' 순으로 배치되는 각각의 요소들은 태그의 종류에 따라 다른 쓰임과 의미를 갖게 됩니다. 여기서 쓰임은 디자인적인 기능을 말할 수도 있고 링크를 걸어 다른 페이지와 연결해주는 등 다양한 역할을 말합니다. 의미는 겉으로 드러나는 것과 별개로 내적으로 가지게 되는 값들을 말합니다. 빈 태그 덧붙여서 태그 중에는 종료 태그가 없는 태그..

IT/웹언어 2022.09.19

HTML, CSS, JavaScript 간단 정리

티스토리 블로그를 운영하다 보면 아무래도 HTML이라는 마크업 언어에 대해 한번쯤 관심을 가지게 되지 않나 싶습니다. 근데 꼭 티스토리가 아니더라도 일반적인 웹 페이지의 소스를 통해 이미 HTML이라는 언어를 본 적은 있을 것입니다. 실수로 F12키가 눌러지면 나오기도 하니까 말입니다. 위 캡처 화면처럼 F12키를 누르면 정신없는 창이 생깁니다. html이라고 몇 군데 써져있는 것이 눈에 띕니다. 티스토리 글쓰기창은 직접 HTML 문서 상태로 수정할 수가 있게 되어있습니다. 그래서 블로그 운영에 도움이 되는 부분들 때문도 있지만, 매일 같이 보는 데스크톱 화면인데 어떤 것들이 그것을 이루고 있었는지 한번 보는 것도 재미있을 것 같아서 HTML을 포함한 웹언어를 조금 공부해보려고 합니다. 보통 보면 HTM..

IT/웹언어 2022.09.18

윈도우 10 외국어 입력/ 자판 바꾸기 및 설치 (독일어, 스페인어, 일본어)

제가 처음 독일어 정리를 시작하면서 제일 곤란했던 점은 변모음(ä,ö,ü) 입력이었습니다. 평소에 쓰는 자판은 기본 설정이 한/영이기 때문에 움라우트를 쓸 수가 없습니다. 그래서 다른 곳에 입력되어 있는 것을 긁어와서 한 자씩 복사-붙여넣기를 힘들게 했었습니다. 그리고 스페인어 정리를 시작하면서 ñ(eñe)랑 악센트 기호가 속을 썩여서 열심히 자판 설정 바꾸는 법을 찾았습니다. 자판 설정 찾으시는 분들께 조금이라도 도움이 되었으면 하는 마음에 포스팅합니다. ​ 외국어 자판 설치 (윈도우 10 기준) 설정 창에 들어가면 저런 식으로 뜰 겁니다. 잘 찾아보시면 라는 항목이 있습니다. 괜히 복잡하게 생각하지 말고 '언어'가 보이니까 그냥 눌러줍니다. ​ 로 들어가고도 좌측에 있는 항목이 따로 있습니다. 뭔지는..

IT/기타 2022.09.15

[아래아한글] 3. 보기 탭 (작업 창)

세 번째 탭인 '보기'에는 주로 쪽과 창을 어떻게 볼 것인지에 대한 내용이 많습니다. 주로 표시/숨기기를 선택하는 식으로 되어있습니다. 예컨대 메모가 뜨냐 안 뜨냐, 격자가 보이냐 안 보이냐 같은 것들 말입니다. 저는 그중에서 '작업 창'에서 할 수 있는 기능을 보려고 합니다. 작업 창 '작업 창'도 결국에는 그냥 우측에 창을 띄어놓을 것이냐에 대한 것입니다. 즉, 각 기능을 실질적으로 조작하는 개념이 아니라 미리 설정해둔 사항들을 보이게 하고 간단하게 적용하기 위함입니다. 그래서 자주 확인해야 할 것들은 작업 창으로 띄어놓으면 될 것 같습니다. 위 화면은 '쪽 모양 보기', '스타일', '사전 검색'을 선택한 화면입니다.

[아래아한글] 2. 편집 탭 (찾기, 찾아 바꾸기)

편집 탭에서는 '찾기', '찾아 바꾸기'밖에 소개하고픈 게 없습니다. '되돌리기', '오려두기', '복사하기', '지우기' 같은 것은 이미 단축키로 다 잘 쓰고 있을 것 같아서 건너뛰겠습니다. 나중에 단축키도 한번 정리할 생각이기는 합니다. 찾기 · 찾아 바꾸기 그냥 진짜 원하는 단어나 문장, 표현을 찾는 기능입니다. 추가로 수정할 때 그렇게 찾은 것을 통째로 바꿀 때 '찾아 바꾸기'를 사용하게 됩니다. 단축키가 'Ctrl+F'인데 이게 아래아한글에서만이 아니라 일반적인 웹 브라우저에서도 '찾기' 기능이 통하기 때문에 유용하게 사용하셨으면 좋겠습니다. 선택 사항을 통해서 띄어쓰기 무시나 대소문자를 구별과 같은 세부 조건을 줄 수도 있습니다. 위 '찾기' 창에서 '바꾸기'를 누르거나 바로 '찾아 바꾸기'로..

[아래아한글] 1. 파일 탭 (문서마당, 블록저장·PDF로 저장, 문서정보, 편집 용지)

엑셀 공부를 시작할까 생각 중인데, 그전에 아래아한글(한컴오피스 한글)에서 쓸만한 기능 한 번씩 보려고 합니다. 제가 아직 컴퓨터 문서를 작성하는 것에 있어 미숙한 부분이 많아 이번 기회에 공부도 하고 정리하려는 목적입니다. 참고로 한글은 2018 버전입니다. 기본적으로 상단의 도구상자에 있는 탭 별로 각 세부 기능을 보고 세부적으로 다룰 만한 것들은 따로 추가 게시할 계획입니다. 모두 알만한 것들이나 클릭해보면 금방 무슨 기능인지 알 수 있는 것들은 빼고, 제가 생각하기에 생소한 것이나 필요할 것 같은 것 위주로 가겠습니다. 오늘은 우선 '파일' 탭을 보겠습니다. 파일 탭은 위와 같이 구성되어 있습니다. 여기서 '문서마당', '블록 저장', 'PDF로 저장하기', '문서 정보', '편집 용지' 이 정도..

반응형