웹개발/HTML 간단태그소개10 09. Body - Table 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ 여러분 엑셀 아세요? 엑셀을 보면 마치 표처럼 생겼는데요. 여러 데이터를 체개적으로 보여주기에 좋은 구조인데요. html에서도 많은 데이터를 효율적으로 표현한다거나 화면 구조을 표형태로 구성해야하는 경우들이 있는데요. 이때 table 태그를 사용합니다. table 태그 문법 구분 수학 영어 A반 평균 80 81 B반 평균 80 81 tr태그는행(로우)을 표현해요. tr태그가 3번 반복되니 행이 3개가 된다고 할수 있어요. th, td태그는 열(컬럼)을 표현해요. tr안에 th나 td가 3개씩 들어가 있는 걸로 판단했을때 열이 3개라는 걸 알수 있어요. 자세히 보시면 특징이 있는데요. 첫번재 tr태그 안쪽은 th이고 나머지 tr태그 안쪽.. 2024. 1. 2. 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. 06. Body - style(스타일) 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ 이번 강좌는 style인데요. body내에서 정말 많이 사용하는 기능입니다. 각 태그를 원하는 형태로 스타일링 할 수 있도록 도와주는 기능들을 제공해줍니다. 하나씩 둘러보겠습니다. style 형식 우선 html문법을 잠시 보면요. 태그명이 있고 옆에 속성이라는제 존재하는데요. 꼭 사용해야하는 건 아니에요. 필요에 의해서 추가를 할수 있는거에요. style도 속성에 들어가는데, 속성에는 일반적으로 속성명과 값의 구조를 가지고 있어요. 다음 예제를 볼께요. body태그에 style이라는 속성을 이용했어요. style속성에는 background-color라는 속성명과 red라는 값을 가지고 있조. style은 body 영역을 스타일링해주는데.. 2024. 1. 1. 이전 1 2 3 다음
