html태그5 이미지 및 멀티미디어 콘텐츠를 삽입하는 HTML 작성법 소개 이미지 및 멀티미디어 콘텐츠 삽입을 위한 태그(Image and multimedia Elements)는 이미지, 오디오, 비디오와 같은 다양한 멀티미디어 리소스를 지원하며, 멀티미디어 접근성을 보장합니다. 이미지 및 멀티미디어 콘텐츠를 위한 HTML 작성법 태그 태그는 문서의 이미지를 나타냅니다. 태그는 필수 속성으로 src을 가지며, src 속성은 이미지의 경로(URL)을 나타냅니다. alt속성은 이미지를 설명하는 대체 텍스트를 정의합니다. alt 속성은 이미지 URL이 잘못되었거나 브라우저내 지원되는 형식이 아닌 경우 이미지를 대체하여 보여줄 텍스트이며, 이는 웹페에지 내 이미지를 직접적으로 볼 수 없는 사용자 혹은 봇에 이미지에 대한 정보를 제공해주는 역할을 수행합니다. 태그 태그는 태그와 함.. 2023. 11. 4. 웹 표준과 웹 접근성을 위한 HTML 작성법 웹 표준이란? 웹 표준은 웹 사이트를 만들 때 따르는 규칙과 권장 사항의 모음입니다. 이러한 규칙과 권장 사항은 웹 사이트가 모든 사용자에게 일관된 경험을 제공하고, 웹 사이트가 여러 플랫폼 및 브라우저에서 일관되게 동작하도록 보장합니다. 예를 들어, HTML5는 최신 웹 표준이며, 웹 페이지의 구조를 정의하고, CSS는 웹 페이지의 디자인 및 레이아웃을 관리하는 데 사용됩니다. 웹 표준을 준수하면 모든 사용자가 웹 사이트를 쉽게 접근하고, 검색 엔진에서도 좀 더 잘 색인화될 수 있습니다. 웹 접근성이란? 웹 접근성은 모든 사람들이 웹 사이트에 접근하여 정보를 얻고 상호작용할 수 있도록 보장하는 것을 의미합니다. 이것은 장애가 있는 사람들, 고령자, 저시력 또는 색약인 사람, 모바일 기기를 사용하는 사람.. 2023. 11. 2. 웹 폼 디자인과 유효성 검사를 위한 HTML 작성법 폼(Form)이란? 폼은 웹사이트나 웹 애플리케이션에서 사용자로부터 정보를 수집하는 데 사용되는 요소입니다. 폼은 사용자와 상호작용할 수 있는 다양한 입력 필드, 버튼 및 선택 옵션 등을 포함할 수 있습니다. 이러한 폼을 제공하는 것은 사용자 경험을 개선하고 유효성 검사를 통해 올바른 데이터를 수집하는 데 도움이 됩니다. 주요 폼 태그 태그 폼의 시작을 나타내는 태그로, 모든 입력 요소는 이 태그 안에 위치해야 합니다. action 속성을 사용하여 폼 데이터를 서버로 전송할 URL을 지정할 수 있습니다. method 속성을 사용하여 폼 데이터를 전송하는 HTTP 메소드를 지정할 수 있습니다. 일반적으로는 "GET" 또는 "POST"를 사용합니다. Name: Save Name: Save Title Sele.. 2023. 10. 31. 시맨틱 마크업을 위한 HTML 작성법 시맨틱 마크업이란? 시맨틱(Semantic)이란 "의미론적인"의 뜻을 가지며 마크업(Markup)이란 HTML 태그로 문서를 작성하는 것을 말합니다. 시맨틱 마크업이란 웹페이지의 의미를 전달하기 위해 구조적으로 의미를 지닌 마크업을 뜻합니다. 이는 곧 검색엔진최적화(SEO)에도 영향을 미치며, 웹 페이지의 가독성과 접근성을 높일 수 있어 전체적인 웹 페이지의 정보전달을 꾀할 수 있습니다. 시맨틱 마크업 예시 웹 페이지의 머리말을 나타냅니다. 사이트 제목, 로고, 주요 내비게이션 등을 포함할 수 있습니다. 웹사이트 제목 메뉴1 메뉴2 메뉴3 웹 페이지의 주요 내비게이션을 나타냅니다. 메뉴1 메뉴2 메뉴3 문서의 주요 섹션을 나타냅니다. 각 섹션은 일반적으로 제목( ~ )을 가지며 뉴스, 블로그 게시물 등과.. 2023. 10. 30. HTML 이란? HTML이란? HTML은 HyperText Markup Language의 약자로, 웹 페이지를 구성하는 표준 마크업 언어입니다. HTML은 웹 브라우저에게 웹 페이지의 구조와 내용을 알려주는 역할을 합니다. 간단하게 말해서, 웹 브라우저는 HTML 문서를 읽어들여서 웹 페이지를 표시하게 됩니다. HTML은 기본적으로 태그(tag)라고 불리는 요소로 구성되어 있습니다. 각각의 태그는 각자의 용도가 있으며, 웹 페이지의 구조와 내용을 정의하는 데 사용됩니다. 예를 들어, ``, ``, ``, ``와 같은 태그는 각각 HTML 문서의 시작, 타이틀 등을 정의하는 데 사용됩니다. HTML 특징 태그는 ``으로 시작해서 ``으로 끝납니다. 시작 태그와 끝 태그로 둘러싸인 부분이 해당 태그의 콘텐츠(content).. 2023. 10. 25. 이전 1 다음
