HTML 32
[html] 특수문자 02 - 콜론, 세미콜론
안녕하세요. 개자이너 씸플레이입니다. 특수문자 이름 알아보기 2편입니다. 1. 콜론 ( : ) ① Colon 콜론은 L 키 옆에 있는 키를 shift를 누른 상태로 치면 나옵니다. 흔히 땡땡 표시라고 부르기도 하죠. 정확한 명칭은 콜론입니다. : : : : : : 어떤 모양인지 확실히 아시겠죠? ② 사용범위 var coffe = {'latte': 4000, 'ice': 2000, 'hot': 1000}; 자바스크립트에서 객체를 만들 때도 사용합니다. 아니 이게 뭐지?라는 생각이 드신다면 그냥 아 저런데도 쓰이는 군 하고 넘어가 주세요. 오늘은 별로 중요한 부분은 아니니까요! 2. 세미콜론 ( ; ) ① Semicolon 세미콜론은 콜론과 같은 위치에 있는 키로 shift를 누르지 않으면 사용할 수 있습니..
[html] 특수문자 01 - 슬래쉬, 버티컬 바, 백슬래쉬
안녕하세요. 개자이너 씸플레이입니다. 오늘은 특수문자의 이름 알아보기 1편입니다. 정확한 명칭을 알고 있으면 소통에도 도움이 되고, 필요한 것을 검색할 때에도 유용합니다. 1. 슬래쉬 ( / ) ① Slash 슬래쉬는 오른쪽 위에서 왼쪽 아래로 대각선으로 그어진 직선입니다. 보통 물음표 아래에 있습니다. ///////////// 이렇게 생긴 모양입니다. (마 이것이 슬래쉬다) https:// 여기 맨 뒤에 들어가는 것이 슬래쉬입니다. 2. 버티컬 바 ( | ) ① Vertical bar 버티컬 바는 세로 직선입니다. 버티컬이 수직이라는 뜻이니 꽤나 직관적인 이름이죠. 키보드에 따라 가운데가 잘린 모양도 있을 수 있습니다. 직선과 가운데가 잘린 직선 모두 세로 직선으로 나옵니다. ||||||||||||||..
[html] <!DOCTYPE html> 대충 이해해보기
안녕하세요. 플입니다. 대충 이해해보기 시리즈 2탄입니다. (시리즈 해볼까 봐요) https://ssimplay.tistory.com/370 [html] html을 대충 이해해보자 안녕하세요. 플입니다. 오늘은 html에 대해서 이해해보도록 해요 1. html html은 "Hyper Text Mark-up Language"의 약자입니다. 하지만 이렇게 말하면 너무 어렵고 무슨 소리인지 모르겠죠. html은 웹페이지�� ssimplay.tistory.com 1탄 링크도 첨부해두겠습니다. 1. 선언하기 html 문서를 보시면 가장 위에 이라는 문구를 보신 적 있으실 거예요. 뭐야 그런 거 모르겠어하시는 분들을 위해서 익숙하실 티스토리 편집 모드 화면을 캡처해봤습니다. 가장 위에 보이시나요? 원래는 대문자로 ..
[html] html을 대충 이해해보자
안녕하세요. 플입니다. 오늘은 html에 대해서 이해해보도록 해요 1. html html은 "Hyper Text Mark-up Language"의 약자입니다. 하지만 이렇게 말하면 너무 어렵고 무슨 소리인지 모르겠죠. html은 웹페이지를 만들 때 쓰는 언어예요. 웹페이지의 뼈대를 만드는 언어죠. 티스토리를 하다 보면 종종 만날 기회가 있죠. 완벽한 비유는 아니지만 그림으로 표현하자면 이런 느낌이랄까요. html은 스케치 css는 색칠이라고 생각하면 좀 더 이해하기 쉬우실 거예요. 약속한 구조를 지키는 규칙이 있기도 한데 이거는 우선은 넘어가도록 해요. 2. 열기 닫기 아무말 html에는 열기랑 닫기가 있어요. 위의 코드를 보면 아시겠나요? 가 여는 부분이고 가 닫는 부분이에요. 조금 더 자세히 볼까요?..
[css] 긴 문장의 단을 나눠보자
안녕하세요. 플입니다. 오늘은 단을 나눠볼 거예요. 1. 단 우선 단이란 무엇일까요? 이미지에서 빨간 부분이 보이시나요? 그 부분을 한 단 이라고 합니다. 잡지에서 저렇게 세로로 한 뭉텅이를 단(column/칼럼)이라고 부르고 단을 나눈다는 말은 단을 여러 개로 만들어 문장을 쪼개서 넣는다는 의미예요. 이미지를 보면 총 네 단으로 있는 것을 알 수 있죠. 2. 웹에서 단 나누기 잡지에서는 알았는데 그럼 웹에서는 단을 어떻게 나눌까요? 일단 예제를 위해 의미 없는 문장을 가득 채워줄게요. https://ssimplay.tistory.com/179 [html] 의미 없는 문장 채우기 안녕하세요. 플입니다. 샘플로 한 문단 정도 아무런 말이나 채우고 싶을 때가 있죠. 그럴 때 어떤 방법을 사용할까요? 1. 문..