웹개발14 03. 주석 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ html 고수가 되었다고 상상해볼께요. html코드가 1천줄, 2천줄, 3천줄.... 된다고 생각해볼께요. 그렇게 된다면 어디가 실제 화면에 어디부분인지 한번에 구분이 갈가요? 어렵지 않다구요. 앗! 그럼 여러분들은 저보다 뛰어난 개발자가 되실거라 생각합니다. 저는 어렵기 때문이조. 조금만 지나도 저는 코드가 어디가 어디인지 뒤죽박죽이 되거든요. 그래서 저같은 사람들을 위해서 제공되는 기능이 있어요. 바로 주석이조. html코드 자체에 영향은 주지 않지만 코드내부에 내가 원하는 설명을 넣을 수 있는 기능이에요. 주석 안녕하세요 주석은 끝을 냅니다. 브라우저에서 보면 안녕하세요.만 표현되는데요. 나머지 부분들은 주석으로 처리되기 때문입니.. 2024. 1. 2. 10. Body - 목록 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ 이번 강의는 목록인데요. 말그대로 목록을 만들 필요가 있을때 사용해요. 목록 뿐만 아니라 요즘에는 table태그 대신에 목록 태그, div태그를 많이 사용하는 추세에요. 한번 둘러올께요. 순서 없는 목록 - ul, li 아이스커피 밀크티 아이스티 ul은 순서 없는 목록을 시작한다는 선언 부분이에요. 그 안쪽에 li가 각 항목이 되는 거구요. 각 항목 앞에 ●가 붙는건 li단위로 표현이 되는 건데요. style(css)에 속성을 주면 숨길수 있어요. 순서가 있는 목록 - ol, li 아이스커피 밀크티 아이스티 ul태그와 상당히 비슷한데요. 차이점은 ol태그를 사용하면 앞쪽에 순번이 자동 생성이 되요. 그래서 자동으로 순서를 넣어야 하는 .. 2024. 1. 2. 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. 이전 1 2 3 4 다음
