The Curious Adventurer's Journey The Curious Adventurer's Journey

글자를 작성할 때 기본적으로 p 태그를 사용하게 됩니다. p 태그는 문단(paragraph)의 약자로, 문단입니다. 글자를 작성할 때 쓸 수 있어용 형태로 작성됩니다. 위와 같이 사용할 수 있습니다. 두 번 연속으로 쓰면, 위와 같이 표시됩니다. p 태그는 기본적으로 문단 형태기 때문에, 새로운 p 태그를 시작한다는 것은, 기존 단락이 끝나고 새로운 단락이 되었다는 의미입니다. 그래서 글자에 약간의 들여쓰기를 포함하고 있고, 새 단락이 시작할 때 기존 단락과의 끝을 고한다는 의미로 Enter를 친 것 같은 효과가 있습니다. 왜, Word에서도 그런 거 있잖아요. 새 단락으로 Enter 쳐서 내려가면, 글자 줄 간격이 달라지잖아요. 그런 느낌입니다. 한 줄이라 잘 모르겠다고요? 두 줄을 써 보았습니다. 확..

코딩을 하다 보면 필연적으로, 주석 처리를 하고 싶은 순간을 맞이하게 됩니다.연산이 잘못 되어 결과가 안 나오는데, 그 전까지 작업하던 코드들이 아까울 때 임시로 주석 처리 해두고, 더 좋은 아이디어에 대해서 생각할 때도 있습니다. 그럴 때, HTML에서는  태그를 사용합니다.  이 코드에서  윗 줄이나 아랫 줄 혹은 전부 다 등 아무 곳이나 원하는 곳에 주석을 설정해둘 수 있습니다. 여기까지 모든 HTML 코드에 통용되는 내용이었고요.   brackets 에서는편집 메뉴에서 한 번에 주석 처리 할 수도 있습니다.또한, 단축키를 외워두면 더 편하게 주석 처리 할 수 있습니다.  이상입니다.   Eclipse의 주석 처리 알아보기https://free-weave.tistory.com/14 주석 처리코드를 ..

목록(리스트 list) 형으로 데이터(data)를 넣게 될 때,주로 ul, ol, dl 태그를 쓰게 됩니다. 먼저 ul 태그는  un ordered list 이런 식으로 쓰게 되는데,순서가 중요하지 않은 항목을 나열할 때 사용됩니다. 기본적으로 검은색으로 칠해진 동그라미(●) 가 붙어서 나오게 되며, 일반적으로 순서가 없는 항목을 나타낼 때 사용됩니다.  다음, ol 태그입니다.ol 태그는 ordered list 이런식으로 쓰게 됩니다.  위와 같이 기본적으로 숫자형태로 표시됩니다. 다음, dl 태그입니다.dl태그는 ul ol 태그와는 좀 다른 속성을 가지는데요.일단 dl은 definition list, 즉 정의(定義)하다의 정의 항목이라는 뜻입니다.일반적으로 ol ul 태그는 자식 태그로 list의..

제목1 와 같이 h1태그는 제목을 표시하는 태그입니다. h는 heading의 약자이며, 제목을 의미합니다. h1 태그는 h1부터 h6까지 총 6단계의 제목으로 구성되어 있습니다. 각 숫자는 제목의 중요성을 의미합니다. 1에 가까울수록 더 중요하고, 6에 가까울수록 덜 중요합니다. 더 중요할수록 글자가 크고 진함도 선명해집니다. 웹페이지로 볼까요. 위에 상기한 것과 같이, 각 제목 태그에 따라 글자의 선명도와 크기가 다름을 알 수 있습니다. 이러한 h1 ~ h6 태그는 상황에 맞게 잘 조절해서 사용하면 좋습니다. 먼저 h1태그는 해당 페이지에서 가장 중요한 주제를 담은 제목을 표현할 때 사용하면 좋은 태그라고 할 수 있겠습니다. 그런 의미에서도, 되도록 해당 페이지 별로 하나의 태그만을 사용하는 것이 권장..

"HTML" 은 'HyperText Markup Language' 라는 뜻입니다. 따라서 HTML 언어라고 하면, 하이퍼텍스트 마크업 언어 언어라고 부르고 있다는 것이 되서 약간 웃기다는 생각이 듭니다. 중요한 것은 HTML이 Markup 언어라는 것입니다. Markup언어는 기본적으로 무언가를 꾸미기 위한 언어입니다. 제목을 어디에 배치할 것이며, 어떤 색상으로 글자를 바꾸고, 어떤 글자체로 보이게 할 것인지, 확인 버튼을 누르면 그림이 어느 정도 크기로 표시되고, 어느 정도의 간격을 두어 보이게 할 것인지, 상품을 누르면 상품 목록들의 표가 어떤 모양으로 출력되는지 이런 것에 관여하는 것, 웹페이지의 디자인을 결정하는 데 HTML이 많이 사용됩니다.