본문 바로가기

분류 전체보기168

6. 웹 개발을 위한 기본 HTML 태그 모음 & 요약 정리 3 1. 디스플레이 태그 디스플레이 1. span 태그 영역입니다. 2. 일반 텍스트 영역 3. div 태그 영역 2024. 4. 5.
5. HTML 요소 이해: 인라인, 블록, 시맨틱 태그 1. 인라인 요소: 특징: 콘텐츠 크기만큼 자리 차지 (텍스트, 이미지, span 등) 텍스트 특징 (글꼴, 크기, 색상 등 적용 가능) 예시: span: 텍스트 내 특정 부분 강조 img: 이미지 삽입 a: 링크 생성 2. 블록 요소: span 태그: 특징: 인라인 요소 글자 단위 영역 설정 특정 텍스트에 스타일 적용 사용 예시: 특정 단어 색상 변경 툴팁 표시 마우스 오버 효과 적용 div 태그: 특징: 블록 요소 면 단위 영역 설정 콘텐츠 그룹화 및 레이아웃 구성 사용 예시: 페이지 헤더, 푸터 영역 설정 콘텐츠 영역 구분 컬럼 레이아웃 구성 3. 시맨틱(semantic) 태그 semantic: 의미가 있는, 의미론적인 div > div > div > .. 끝없는 div를 탐색하는 것보다 효율적 개.. 2024. 4. 5.
과제- 뉴스기사,즐겨찾기,이력서 html 만들기 1. 뉴스기사 뉴스기사 금감원, 감독업무에 ‘생성형 AI’ 사용…네이버와 MOU 입력 2024.04.03 (10:29) 금융감독원이 생성형 인공지능(AI)을 금융감독 업무에 적용하기로 했습니다. 금감원은 오늘(3일) 네이버와 이러한 내용을 담은 ‘디지털 금융 협력을 위한 업무협약(MOU)’을 체결했습니다. 이에 따라 네이버의 생성형 AI ‘하이퍼클로바X’를 비롯한 최신 디지털 기술을 금융감독 업무에 적용할 계획입니다. 또 금융권에서 인공지능(AI) 기술을 활용하기 위한 연구 협력도 강화하기로 했습니다. 이복현 금감원장은 “이번 협약으로 네이버의 정보기술(IT) 기술력을 활용해 금감원 감독·검사 및 금융소비자 보호 역량을 강화할 것으로 기대한다”고 밝혔습니다. 최수연 네이버 대표는 “금감원 업무를 혁신하고.. 2024. 4. 4.
4. 웹 개발을 위한 기본 HTML 태그 모음 & 요약 정리2 1. 하이퍼링크 태그 하이퍼링크 코리아IT아카데미 내 첫 웹페이지 서브페이지 2. 책갈피 책갈피 목적지로 이동 이미지1 으로 이동 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas temporibus ullam cumque illum eligendi iusto molestias repellat similique at, esse dicta, et totam fugit ea sequi recusandae est iure sapiente. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas temporibus ullam cumque illum eligendi iusto molestias re.. 2024. 4. 4.

티스토리툴바