위코딩
반응형
article thumbnail
[HTML] 이미지와 멀티미디어
Mark Up/HTML 2023. 7. 19. 01:43

이미지 삽입 웹 페이지에서 이미지를 삽입하는데는 태그를 사용합니다. 태그는 src 속성을 통해 이미지 파일의 경로를 지정하며, 웹 페이지에 이미지를 표시할 때 사용됩니다. 위의 예제에서 "image.jpg"라는 이미지 파일을 웹 페이지에 삽입합니다. alt 속성은 이미지를 표시할 수 없는 상황에서 대체 텍스트로 사용됩니다. 이는 웹 접근성에 중요한 요소로, 스크린 리더(Screen Reader) 등의 보조 기기를 사용하는 사용자들에게 이미지의 내용을 전달합니다. 비디오 삽입 HTML5에서는 비디오 삽입을 위해 태그를 사용합니다. src 속성에 비디오 파일의 경로를 지정하고, controls 속성을 추가하면 재생 컨트롤 버튼이 표시됩니다. 비디오를 지원하지 않는 브라우저입니다. 위의 예제에서 "video...

article thumbnail
[HTML] 주요 HTML 태그
Mark Up/HTML 2023. 7. 19. 00:58

HTML은 다양한 태그를 사용하여 웹 페이지를 구성합니다. 각 태그들은 웹 브라우저에게 콘텐츠의 의미와 표현 방법을 알려줍니다. 아래에는 주요 HTML 태그들과 간단한 설명을 제시하겠습니다. 태그 (단락) 태그는 단락(Paragraph)을 나타냅니다. 이 태그 안에 텍스트를 작성하면 브라우저는 자동으로 단락을 구분하여 표시합니다. 이것은 하나의 단락입니다. 또 다른 단락입니다. , , ..., 태그 (제목) , , ..., 태그는 각각 제목(Heading)을 나타냅니다. 숫자가 작을수록 중요도가 높은 제목을 나타냅니다. 이것은 제목 1입니다. 이것은 제목 2입니다. , , 태그 (목록) 태그는 순서 없는 목록(Unordered List)을, 태그는 순서 있는 목록(Ordered List)을, 태그는 목록..

반응형
loading loading