Web/html (12) 썸네일형 리스트형 11. 디스플레이, 시맨틱 태그 ✔️ 디스플레이 태그디스플레이 관련 태그는 웹 페이지에서 콘텐츠의 표시 방법과 레이아웃을 제어하는 데 사용된다. 주로 CSS(Cascading Style Sheets)와 함께 사용되며, 웹 페이지의 디자인 및 레이아웃을 조정하는 데에 큰 역할을 한다. span: 글자의 속성을 다룬다.div: 면의 속성을 다룬다. 디스플레이 1. span 태그 영역입니다. 2. div 태그 영역 👇 ✔️ 시맨틱 태그시맨틱 태그(sementic tags)는 HTML5에서 도입된 태그로, 문서의 구조와 의미를 더 명확하게 전달하기 위해 사용된다. 이러한 태그들은 웹 페이지의 콘텐츠를 구조화하고 의미를 부여하여 검색 엔진 및 개발자에게 페이지의 내용을 이해하기 쉽게 만든다.. 10. 폼 태그 ✔️ 폼 태그HTML에서 폼(form)은 사용자로부터 정보를 입력 받을 수 있는 구조를 제공하는 데 사용된다. 폼을 생성하기 위해 사용되는 주요 태그는 이다. 폼은 텍스트 입력, 비밀번호 입력, 라디오 버튼, 체크박스, 드롭다운 메뉴 등 다양한 입력 요소를 포함할 수 있다.name: 서버로 전달할 때 이름id: 현재 문서에서 사용되는 이름 폼태그 아이디: 비밀번호: 성별: 남자 여자 취미: 게임 술 다꾸 배드민턴 드라마시청 첨부파일: 이메일: 웹사이트: 전화번호: 생년월일: 좋아하는 숫자: 쿠폰번호: 좋아하는 .. 9. 아이프레임 태그 ✔️ 아이프레임 태그아이프레임() 태그는 다른 HTML 문서를 현재 문서에 삽입하는 데 사용된다. 이를 통해 외부 웹 페이지, 동영상, 지도 등을 현재 페이지에 내장할 수 있다. 태그는 웹 페이지의 일부분을 다른 웹 페이지로 대체하거나, 다른 소스의 콘텐츠를 보여주는 데에 유용하다. 아이프레임 이미지 연습 페이지(현재창) 이미지 연습 페이지(새탭) 이미지 연습 페이지(아이프레임) 구글 지도(아이프레임) 👇 8. 테이블 태그 ✔️ 테이블 태그HTML에서 테이블을 만들기 위해 사용되는 태그는 이다. 테이블은 행과 열로 구성되며, 각 셀에 데이터를 담을 수 있다. 테이블을 만들 때는 을 시작 태그로 사용하고 각 행은 (table row) 태그로, 각 셀은 (table data) 태그로 정의한다. 테이블 1 첫번째 셀 첫번째 셀 첫번째 셀두번째 셀 세번째 셀네번째 셀 다섯번째 셀여섯번째 셀 .. 7. 하이퍼링크 태그 ✔️ 하이퍼링크 태그하이퍼링크(하이퍼텍스트 링크)를 생성하기 위해 사용되는 HTML 태그는 (앵커) 태그이다. 태그는 사용자를 다른 웹 페이지로 이동하거나 같은 페이지 내에서 다른 부분으로 이동하게 하는 링크를 생성하는 데 사용된다. 하이퍼링크 구글 문단태그로 이동 👇 📌 커서를 이미지에 올리면 웹 페이지 왼쪽 하단에 링크가 표시된다. 6. 이미지 태그 ✔️ 이미지 태그이미지를 웹 페이지에 삽입하기 위해 사용되는 HTML 태그는 이다. 태그는 이미지의 소스(src) 및 대체 텍스트(alt)와 같은 속성을 사용하여 이미지를 정의한다. 절대경로와 상대경로를 이용할 수 있다. 이미지 태그 👇 5. 목록 태그 ✔️ 목록 태그HTML에서 목록을 만들기 위해 사용되는 주요 목록 태그에는 , , 가 있다. 이러한 태그들은 웹 페이지에서 항목을 순서 있는 목록(ordered list)이나 순서 없는 목록(unordered list)으로 구성하는 데 사용된다. 목록 태그 김사과 오렌지 반하나 김사과 오렌지 반하나 홍길동 선생님 김사과 학생 오렌지 학생 반하나 학생 👇 4. 서식 태그 ✔️ 서식 태그"서식 태그"는 HTML 문서에서 텍스트의 서식을 지정하는 태그들을 가리킨다. 여러 서식 태그들이 텍스트의 스타일, 강조, 목록, 링크 등을 정의하는 데 사용된다. 서식 태그 b 태그는 글자를 굵게 표현합니다 strong 태그는 글자를 굵게 표현합니다 i 태그는 글자를 이탤릭체로 표현합니다 em 태그는 글자를 이탤릭체로 표현합니다 ins 태그를 사용하면 중요한 글자를 표현할 수 있습니다 del 태그를 사용하면 글자를 지운 것처럼 표현합니다 sup 태그를 사용해서 수식을 표현: x2 + y3 = z sub 태그를 사용해서 화학식을 표현: H2O 👇 이전 1 2 다음
