이미지 CSS로 다루기(background), PICTURE

예전에 이미지를 한번 다룬적이 있는데요. https://frontdevpark.tistory.com/entry/HTML5-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%A7%81%ED%81%AC-%EB%8B%A4%EB%A3%A8%EA%B8%B0img%ED%83%9C%EA%B7%B8-a%ED%83%9C%EA%B7%B8 HTML5 - 이미지, 링크 다루기(태그, 태그) 태그 이미지 안에 width와 height 넣을 수 있으나 css로 관리하는 게 더 좋습니다. HTML 삽입 미리보기할 수 없는 소스 태그 구글 태그는 현재창에서 바로 열리는 게 기본값입니다. target="_blank" : 새로 frontdevpark.tistory.com 이번에는 좀 더 CSS로 이미지 삽입 하는 스킬을 공유 하..

• format_list_bulleted HTML5
• · 2023. 12. 18.
• textsms

HTML5 - 표 만들기(<table> 태그>)

태그 기본 구조 : 표 만들기 시작 : 하나의 행을 시작 : 행 안에 셀 : 첫 번째 행 안에 제목이 되는 셀 : 표를 설명하는 제목 만들기 : 행 또는 열 합치기 : 표 제목 구조 정의 : 표 본문 구조 정의 : 표 안의 구조 정의 HTML 삽입 미리보기할 수 없는 소스

• format_list_bulleted HTML5
• · 2023. 9. 19.
• textsms

HTML5 - 멀티미디어

멀티미디어(웹과 멀티미디어 / 오디오, 비디오 재생하기) 알아두면 좋은 속성값과 정보 비디오 태그 속성 속성 값(예) 설명 autoplay autoplay 동영상이 바로 재생 buffered buffered 동영상이 버퍼링 시간을 읽을 수 있는 속성 controls controls 비디오 컨트롤이 표시되도록 설정 loop loop 비디오 재생이 끝나면 다시 시작하도록 설정 muted muted 비디오의 오디오 출력을 음소거로 설정합니다 poster poster="URL" 비디오를 다운하는 동안 또는 시작버튼을 누르기 전까지 이미지를 설정 preload preload= "auto" preload="metadata" preload="none" 페이지가 로드되고 비디오 로드 여부를 서정 src src="URL..

• format_list_bulleted HTML5
• · 2023. 9. 19.
• textsms

HTML5 - 피규어 태그

태그 태그 : 이미지, 동영상 등 멀티미디어를 넣을 때 태그 : 피겨 태그 안에 이미지 넣기 ~ 태그 : 피규어 태그 안에 이미지에 대한 제목글 넣기 태그 : 피규어 태그 안에 이미지에 대한 설명글 넣기 HTML 삽입 미리보기할 수 없는 소스

• format_list_bulleted HTML5
• · 2023. 9. 19.
• textsms

HTML5 - 목록 만들기(<ol>태그, <ul>태그)

순서 있는 목록을 만드는 태그(ol : Ordered List) HTML 삽입 미리보기할 수 없는 소스 순서 없는 목록을 만드는 태그(ul : Unordered List) HTML 삽입 미리보기할 수 없는 소스

• format_list_bulleted HTML5
• · 2023. 9. 19.
• textsms

HTML5 - 이미지, 링크 다루기(<img>태그, <a>태그)

태그 이미지 안에 width와 height 넣을 수 있으나 css로 관리하는 게 더 좋습니다. HTML 삽입 미리보기할 수 없는 소스 태그 구글 태그는 현재창에서 바로 열리는 게 기본값입니다. target="_blank" : 새로운 탭에서 열리는 것 의미합니다. target="_self" : 기본값 현재창에서 열리는 걸 의미합니다. title : 마우스를 올렸을 때 툴팁 텍스트를 어떤 내용으로 출력할지 여부를 결정합니다. href : 하이퍼링크 줄임말을 의미하며 이동할 경로를 적으시면 됩니다. HTML 삽입 미리보기할 수 없는 소스

• format_list_bulleted HTML5
• · 2023. 9. 19.
• textsms