홈페이지8 08. Body - 이미지 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ 홈페이지를 만들때 이미지를 빼놓을 수 없조. 이번 강좌에서는 html로 이미지를 불러와 처리하는 방법에 대해서 이야기해보겠습니다. img 태그 문법 img 태그는 이미지를 표현할때 사용하는 태그에요. src 속성은 이미지가 있는 위치를 말합니다. a태그에 href와 비슷하게 실제 파일의 위치를 설정해주면 됩니다. alt 속성은 대체 텍스트라고 하는 부분인데요. 이부분은 눈이 보이시지 않는 맹인 분들을 위한 기능이라고 볼수 있는데요. 맹인 분들은 이미지를 볼수 없기때문에 텍스트를 읽어주는 기능일 이용해서 홈페이지를 방문하여 소리로 어떤 홈페이지인지 알수 있다고 합니다. 이미지의 경우 이미지가 어떤 이미지인지를 alt에 적어 놓으면 그걸 .. 2024. 1. 2. 07. Body - 하이퍼링크 (Hyperlinks) 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ 이번 강의는 하이퍼링크에 대하여 이야기 할 건데요. 우리가 흔히 네이버 같은 사이트에 들어가게 되면 여러 메뉴들을 볼 수 가 있는데요. 그걸 클릭하면 새로운 화면으로 이동하게 되는데요. 이런 기능을 html에서 하이퍼링크라고 해요. 특정 글자나 이미지 같은 태그를 클릭하면 지정된 화면으로 이동되는 특징이 있어요. 사전작업 하이퍼링크를 공부하기전에 준비해야할 것이 잇는데요. 하이퍼링크가 특정 문구나 이미지 같은 걸 클릭하면 지정된 다른 화면으로 이동하는 기능이라고 말씀드렸는데요. 그렇게 할려면 이동될 화면이 필요해요. 기존에 index.html파일만 만들었으니 추가로 test.html파일을 하나 추가로 만들고html5 형식을 맞춘 다음에.. 2024. 1. 1. 04. Body - 제목, 단락 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ Body에서 사용되는 기본 태그들에 대해서 이야기해볼거에요. 정말 많은 태그들이 있는데요. 그중에서 많이 사용되어지는 태그를 가지고 진행해볼꺼에요. (지난 강좌에 저장 후 바로 반영되는 Live Server를 설정하신 분이라면 자세한 설명 필요 없겠조?) 간단하게 소개만 하는 것이고 활용이 이유에 할거에요. 그렇니 부담없이 아 이런것들이 있구나 하고 편하게 보시면 될거 같아요. ~ 태그 헤더1 헤더2 헤더3 헤더4 헤더5 헤더6 html 작업 시 내용에 제목을 표현하는 경우에 사용되는 태그입니다. h1은 가장 크고 h6이 가장 작은 형태가 됩니다. 태그 단락1 단락2 단락3 단락4 하나의 단락을 의미하고 태그로 감쌓면 이후에 바로 아래.. 2024. 1. 1. 01. html 소개 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ html은 마크업 랭귀지라고 해서 프로그래밍 언어가 아니에요. 프로그래밍 영역에 해당하는 것을 처리 할 수 없지요. html은 브라우저 화면에 보여지는 단순한 외형들을 담당해요. 마치 건물을 지을때 골격같은 느낌이라고 할까요. 이거에서 조금더 이야기를 하자면 외형을 이쁘게 인테리어를 한다고하면 style과 css가 담당하게 될것이구요. 전등 스위치를 달아 켜고 끄기를 하려면 javascript가 그걸 담당하게 될거에요. 그럼 우선 html의 기본 구성 형태를 확인해보도록 해볼께요. * html 특징 한가지 참고할 것이 있는데요. html은 문법을 정확히 지키지 않아도 된다는 특징이 있어요 그렇다고 말도 안되게 내 마음대로 구성하면 브라.. 2023. 12. 29. 이전 1 2 다음
