Recoding & Share Devlog

지금까지 배워본 예제로 한번 복습을 해보는 포스팅을 해보겠습니다. 이런 화면을 구성하는 예제인데요, 여기서 아직 포스팅하지 않은 한가지 요소가 있습니다. 바로 소스코드를 보면서 확인을 해보겠습니다. 1848년 혁명 속의 작곡가들 #voic { color: #123456; } 서양 음악사의 뒤안길 1848년 혁명 속의 작곡가들 스메타나, 카렐 다리에 바리케이드를 쌓다 오늘도 세계인의 발길이 그치지 않는 체코 수도 프라하의 카렐 다리. 이 다리를 동쪽으로 건너와 오른쪽으로 돌면 블타바강 강변에 1936년 세워진 스메타나 박물관을 바로 찾을 수 있다. ‘체코 국민음악의 아버지’로 불리는 베드르지흐 스메타나(Bedřich Smetana, 1824~1884)를 기리는 장소다. 건물 바로 앞에 스메타나의 동상이 건..

저번 포스팅에서는 다음 UI 를 구현해보는 포스팅을 하였는데요, 실제로 웹사이트에서 많이 쓰이고 시각적으로도 보이는 파비콘을 적용하는 것과 내부링크에 대하여 설명을 해드리겠습니다. 우선 파비콘은 저번 포스팅에서도 본것과 같은 웹브라우저에서 브라우저의 title 옆에 있는 아이콘같은 이미지를 말하는데요 파란색으로 표기한 부분이 바로 파비콘이라고 합니다. 그럼 파비콘에 대해서 설명을 해드리겠습니다. NAVER 사실은 파비콘은 간단히 link 요소를 통해 이미지 파일만 있으면 간단하게 쓸 수있습니다. 설명에 link는 자식요소가 없다고 말했는데 이 말은 즉 열고 닫힘이 한번에 가능한 요소임을 뜻합니다. 이러한 구문 많이 보시지않았나요 ? 이미지라는 요소를 사용할때도 열고닫힘이 한번에 이루어졌습니다 ㅎㅎ 이런 ..

이미지와 하이퍼링크에 대한 포스팅을 시작하겠습니다. 웹 사이트를 보면 정말 많이 보이는 것이 이미지(사진 혹은 그림) 이나 하이퍼링크를 많이 볼 수 있는데요 사진은 설명을 드리기 위하여 네이버에서 가져왔습니다! 우선 제가 보여드리는 이사진도 그렇고 사진 내부에 여러 그림 혹은 사진들이 있는데 웹에서 이런 사진들을 보여주는 것이 img 요소 입니다 ! 물론 후에는 html 에 직접적으로 img 를 넣는게 아니라 IR 기법이나 IS 기법을 통해 보여주긴 합니다만, 이 부분은 후에 CSS 에서 포스팅 하겠습니다 ㅎㅎ 그리고 하이퍼 링크에 관련한건데 하이퍼링크는 쉽게 말해서 클릭을 하면 그 위치로 간다고 생각 하시면 됩니다. 이 사진을 보면 해당 쇼핑몰 사이트를 누르게 되면 그 사이트로 이동을 하게 되는데요 이..