HTML (3) 썸네일형 리스트형 HTML 활용 HTML 폼 요소HTML의 요소는 사용자가 입력한 데이터를 서버로 제출하는 용도로 사용된다. 폼 내부에는 다양한 입력 요소를 포함할 수 있다.라디오 버튼라디오 버튼은 여러 선택지 중 하나만 선택할 수 있는 입력 요소이다. 한 번 선택된 라디오 버튼은 다른 선택지를 선택하기 전까지 취소할 수 없다.버튼버튼 요소 안에는 이미지 태그를 포함할 수 있다. 이는 버튼에 시각적인 요소를 추가하여 사용자 인터페이스를 향상시킬 수 있다.아이디와 클래스id: 고유한 이름을 붙일 때 사용한다. 한 문서 내에서 중복될 수 없다.class: 반복되는 영역을 유형별로 분리할 때 사용한다. 클래스는 여러 요소에 적용될 수 있다.CSS에서 아이디는 # 기호를, 클래스는 . 기호를 사용하여 선택할 수 있다. 시멘틱요소 시멘틱 요소시멘틱 요소란 의미가 있는, 의미론적인 요소를 말한다. 시멘틱 요소를 사용하면 웹페이지의 구조가 달라지지 않지만, 눈에 보이는 차이는 없다. 그러나 의미에 따라 요소를 구분하고 사용하기 수월해진다. 이는 코드의 가독성을 높이고, 검색 엔진 최적화(SEO)에 도움을 준다. 예를 들어, 시멘틱 요소를 사용하지 않은 HTML 문서와 시멘틱 요소를 사용한 HTML 문서를 비교해보자.[코드 1-1] 시멘틱 요소를 사용하지 않은 HTML 문서DOCTYPE html>html lang="ko">head> meta charset="UTF-8"> title>HTML 요소 예제 페이지title>head>body>div class="header"> h1>웹사이트 제목h1> div class=".. 기본구조와 문 HTML 구조 웹페이지의 틀을 만드는 마크업 언어는 HTML이다. HTML은 태그들의 집합으로 구성되어 있으며, 태그란 ``로 묶인 HTML의 기본 구성 요소를 말한다. 예를 들어, `` 태그는 가장 큰 제목을 나타내고, ``는 그 태그의 끝을 나타낸다. HTML 요소를 하나의 건물로 비유하면, HTML은 그 건물의 구조를 만드는 역할을 한다. CSS 스타일 CSS는 HTML 요소들의 스타일을 정의하는 언어이다. CSS는 HTML의 시각적인 부분을 담당하여, 웹페이지가 어떻게 보일지를 결정한다. 예를 들어, CSS를 사용하여 글자의 색상, 크기, 배경 색 등을 설정할 수 있다. JS 상호작용 JavaScript(JS)는 HTML과 CSS로 구성된 웹페이지에 동적인 상호작용을 추가하는 언어이다. JS를 사.. 이전 1 다음