웹기초3 [HTML 기초] HTML 태그 종류 (2) - img 태그, a 태그 안녕하세요 PNcoding입니다 :) 웹사이트에는 필수적으로 이미지가 들어가 있어요. 글자만 있는 사이트보다는 중간중간 이미지가 들어있는 사이트가 좀 더 이쁘게 보이며 사용자(유저) 입장에서 좀 더 내용을 직관적으로 알아볼 수 있기 때문에 훨씬 더 사이트를 쾌적하게 즐길 수 있게 되어요. 또한 웹사이트에서 절대로 빠지면 안 되는 것! 바로 흥미 있는 내용을 클릭 클릭 할 때마다 넘어가는 페이지들이죠? 넘어가는 페이지들을 보다 보면 시간이 얼마나 지나가 있는지 깜짝 놀랄 때가 많은 경험이 있어요. 이렇게 우리는 웹페이지에 필수적으로 들어가는 이미지를 넣어주는 방법과 링크를 연결하는 방법에 대하여 알아보도록 할게요 :) 1. 이미지태그 img 태그 img 태그는 말 그대로 image 의 줄임말로서 이미지를 .. 2023. 11. 1. [HTML 기초] HTML 태그 종류 (1) - h 태그, p 태그, br 태그 안녕하세요 PNcoding입니다 :) 이번 포스팅에선 HTML 태그의 종류에 대해 알아볼게요! 1. 제목태그 h 태그 h 태그는 문서의 제목을 표시할 때 사용하는 태그로서 "heading"의 뜻을 가지고 있습니다. h 태그는 h1부터 h2, h3 ~ h6까지의 총 6개가 있으며, h1 태그의 크기가 가장 크게 h6 태그의 크기가 가장 작게 표현됩니다. 즉, h 태그 옆의 숫자가 작아질수록 글자의 크기가 작아진다고 보시면 됩니다. h1 태그 입니다. h2 태그 입니다. h3 태그 입니다. h4 태그 입니다. h5 태그 입니다. h6 태그 입니다. 보시다시피 h1 으로 적어준 내용이 가장 큰 것을 확인할 수 있습니다. 하지만 h 태그를 사용할 시 주의하셔야 할 점이 있습니다. h1 태그를 사용할 시, 반드시.. 2023. 10. 31. [HTML 기초] HTML 구조 안녕하세요 PNcoding입니다 :) 이번 포스팅에선 HTML 기초에 대해 알아볼게요! HTML은 HyperText Markup Language의 약자로 웹페이지의 구조를 정의하는 마크업 언어 입니다. HTML을 사용하기 위해서는 태그(tag)를 알아야되는데 태그가 무엇일까요? 1. 태그 태그는 HTML을 사용하기 위해 사용하는 하나의 명령어 라고 보시면 됩니다. 보여줄 내용을 감싸서 사용하며, 태그의 특정한 방식으로 동작 하도록 구성 되어있습니다. 태그가 적용될 내용 2. 태그의 규칙 태그는 꺽쇠괄호 로 구성 되어 있으며 시작태그와 종료 태그, 한 쌍으로 구성되어 있습니다. 단, 종료태그는 슬러시( / ) 기호를 앞에 붙여 태그 종료를 선언 합니다. 3. HTML 구조 HTML을 사용하기 위한 기본 구.. 2023. 10. 31. 이전 1 다음 반응형
