#10. HTML 시맨틱 요소

HTML의 시멘틱 요소는 HTML 마크업 언어의 요소에 대한 의미를 나타내는 것입니다. 이러한 요소를 사용하면 HTML 문서가 보다 구조화되고 의미있는 형태로 표시될 수 있습니다. 시멘틱 요소 중에서 주요한 것으로는 다음과 같습니다: : 문서의 헤더 부분을 나타내는 요소입니다. : 네비게이션 메뉴를 나타내는 요소입니다. : 문서의 주요 콘텐츠를 나타내는 요소입니다. : 독립적인 콘텐츠 내용을 나타내는 요소입니다. : 문서내의 구역을 나타내는 요소입니다. : 문서의 기사와 관련이 없는 콘텐츠를 나타내는 요소입니다. : 문서의 푸터 부분을 나타내는 요소입니다. 시멘틱 요소를 사용하면 문서의 구조와 의미를 더욱 명확하게 표시할 수 있어서, 검색 엔진의 순위를 향상시킬 수 있습니다. 시멘틱 요소를 사용하면 검색..

HTML & CSS 2023.03.24 0

#9. HTML 폼(Form)

HTML의 폼은 사용자의 정보를 서버로 전송하는 기능을 제공하는 HTML 요소입니다. 폼은 태그로 정의되며, 내부에에 다양한 입력 요소(input elements)를 포함할 수 있습니다. 예를 들어, 텍스트 상자, 라디오 버튼, 체크박스, 셀렉트 드롭다운 등이 있습니다. 사용자가 폼에서 입력한 데이터는 태그의 name 속성으로 지정된 이름과 함께 전송됩니다. 폼의 전송 방식(GET 또는 POST)은 태그의 method 속성으로 지정할 수 있습니다. 결과적으로, 사용자가 폼에서 입력한 데이터는 웹 서버에서 처리할 수 있는 형태로 전송됩니다. # 폼(Form) tag 태그는 HTML의 폼을 정의하는 주요 요소입니다. 폼 안에는 사용자의 입력을 수집할 수 있는 여러 가지 입력 요소(input elements)..

HTML & CSS 2023.03.22 0

#8. HTML 테이블

HTML 테이블(table)은 HTML 마크업 언어를 사용하여 행과 열을 갖는 표 또는 정보를 표시하는 데 사용되는 HTML 요소입니다. 테이블은 여러 행과 열을 가지며, 각 셀은 데이터를 포함할 수 있습니다. 제목 1 제목 2 행 1, 열 1 행 1, 열 2 행 2, 열 1 행 2, 열 2 : 테이블을 구성하는 가장 외곽 태그입니다. : 행을 나타내는 태그입니다. : 테이블 헤더를 나타내는 태그입니다. : 테이블의 각 셀을 나타내는 태그입니다. CSS를 사용하여 테이블의 레이아웃, 스타일, 그리고 다른 표시 기능을 조정할 수 있습니다. # Table tag HTML의 태그는 행과 열을 갖는 표를 만드는 데 사용됩니다. 테이블은 (행), (헤더 셀), (일반 셀) 태그를 사용하여 구성됩니다. 태그에서 사..

HTML & CSS 2023.03.20 0

#7. HTML 이미지

HTML에서 이미지를 표시하려면 "img" 요소를 사용합니다. "src" 속성을 사용하여 이미지의 URL을 지정할 수 있습니다. 다음은 간단한 예입니다. "alt" 속성은 이미지가 로드되지 않을 때 표시될 텍스트입니다. 접근성을 위해 이미지의 설명을 제공하는 것이 좋습니다. # 이미지 tag img 태그는 HTML에서 이미지를 표시하는 데 사용됩니다. 아래는 "img" 태그의 주요 속성입니다. - src: 이미지의 URL을 지정합니다. 예: - alt: 이미지가 로드되지 않을 때 대체 텍스트를 지정합니다. 접근성을 위해 이미지의 설명을 제공하는 것이 좋습니다. 예: - width와 height: 이미지의 가로 및 세로 크기를 지정합니다. 예: - style: 이미지의 CSS 스타일을 지정합니다. 예: -..

HTML & CSS 2023.03.17 0

#6. HTML 링크

HTML에서의 링크 태그는 태그로 표현됩니다. 링크는 특정 문서, URL, 이메일 주소 또는 기타 리소스와의 연결을 제공합니다. 태그에는 다음과 같은 주요 속성이 있습니다. - href: 링크가 가리키는 대상의 URL을 지정합니다. - target: 링크가 열릴 위치를 지정합니다. 기본값은 "self"이며, 현재 탭에서 링크가 열립니다. "blank"로 지정하면 새 탭에서 링크가 열립니다. - rel: 링크와 현재 문서 간의 관계를 지정합니다. "nofollow"로 지정하면 검색 엔진에서 링크를 따라가지 않습니다. - download: 링크가 가리키는 리소스를 다운로드하도록 지정합니다. - hreflang: 링크가 가리키는 리소스의 언어를 지정합니다. 예: Example Website # 앵커 태그 HT..

HTML & CSS 2023.03.15 0
반응형