웹개발/HTML 간단태그소개10 13. Haed - 파비콘(favicon), 타이틀(title) 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ 네이버에 들어간 후 브라우저 탭 헤더를 보시면 NAVER라는 텍스트와 그 옆에 아이콘 이미지가 보이실거에요 아이콘을 파비콘(favicon)이라고 부르고 NAVER 텍스트 부분은 타이틀(title)이라고 불러요. 한번 간단한게 둘어볼께요. 파비콘(favicon) 적용 link 태그를 이용해서 type속성에 image/x-icon 속성을 넣으면 파비콘 설정을 할 수 있게 되는데요. href속성에 이미지 경로를 넣어주면 해당 이미지가 파이콘 위치에 표시되는걸 확인 할수 있어요. href에 넣을수 있는 종류는 icon파일부터 png, jpg등등 거희 대부분의 이미지 파일을 사용 할 수 있어요. 꼭 icon파일이 아니여도 가능하니 일반 이미지로.. 2024. 1. 2. 12. Body - form, label, input 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ 네이버에 회원 가입해보셨나요? 아니면 로그인 해보신적 인나요? 아이디와 비밀번호를 입력하는 부분 그리고 그 아래 로그인이라는 버튼이 있는데요. 사용자의 특정한 입력을 받아 특별한 처리를 하고 싶을때 form을 사용하는데요. 무조건 form을 사용해야하는 건 아니에요. 일정한 입력을 한번에 받아서 무언가 처리를 해야할때 form태그가 효율적이여서 많이 사용하는데요. form 태그에 대해서 둘러보도록 할께요. form 태그 기본 형태 아이디: 비밀번호: form태그는 form안에 있는 input태그의 정보를 모아 담아서 사용자와 상호 작용하도록 하는데요. 그렇기 위해서는 서버 사이드 프로그래밍 또는 프론트 앤드 프로그래밍이 필요합니다. h.. 2024. 1. 2. 11. Body - div 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ 태그와 약간 비슷하다고 느끼수 있는데요. 태그는 하나의 영역을 표현한다고 이야기하고 싶네요. 컨테이너라는 말로 표현하는 경우들도 있어요. div 태그 문법 내용 안녕하세요.html 강의중입니다. div태그는 style(css)를 많이 사용하기 때문에 style(css)외에는 특별한 속성은 없습니다. 특징이 있다면 앞쪽에 텍스트가 있으면 처리하고 뒷쪽 끝에도 처리를해서 동립적인 하나의 행을 구성한다는 걸 아실수 있어요. 처리된는 느낌은 style(css)가 적용됨서 빠지게도 할 수 있어요. 이부분도 중급 강의쪽에서 진행하도록 할께요. 이번 강의는 여기까지에요. 여러분들의 관심과 사랑이 있다면 좀 더 좀은 컨텐츠를 제공해줄 수 있을거 같습.. 2024. 1. 2. 10. Body - 목록 안녕하세요. 콤퓨타 학원에 원장을 하고 있는 이프로입니다. 헤헴 ^^ 이번 강의는 목록인데요. 말그대로 목록을 만들 필요가 있을때 사용해요. 목록 뿐만 아니라 요즘에는 table태그 대신에 목록 태그, div태그를 많이 사용하는 추세에요. 한번 둘러올께요. 순서 없는 목록 - ul, li 아이스커피 밀크티 아이스티 ul은 순서 없는 목록을 시작한다는 선언 부분이에요. 그 안쪽에 li가 각 항목이 되는 거구요. 각 항목 앞에 ●가 붙는건 li단위로 표현이 되는 건데요. style(css)에 속성을 주면 숨길수 있어요. 순서가 있는 목록 - ol, li 아이스커피 밀크티 아이스티 ul태그와 상당히 비슷한데요. 차이점은 ol태그를 사용하면 앞쪽에 순번이 자동 생성이 되요. 그래서 자동으로 순서를 넣어야 하는 .. 2024. 1. 2. 이전 1 2 3 다음
