푸으름

✏️ 다양한 멀티미디어 파일을 삽입할 때 쓰는 ✏️ 멀티미디어 파일을 삽입하는 태그 태그는 HTML 초기 버전부터 사용해서 대부분의 브라우저에서 사용 가능 src 속성을 사용해 삽입할 멀티미디어 파일을 지정. 오디오, 파일, 비디오 등 다양한 멀티미디어 파일 삽입 가능.  HTML의 , , 태그를 지원하지 않는 웹 브라우저에서도 태그를 사용 가능, 닫는 태그가 없다✏️ 오디오 파일을 삽입하는 태그과거에는 웹 브라우저에서 멀티미디어 파일을 사용하기 위해서는 플러그인 프로그램이 필요했으나 HTML5부터는 멀티미디어 파일을 삽입 후 바로 재생이 가능 배경 음악이나 효과음 등 오디오 파일을 사용할 때는 태그를 사용 src 속성을 통해 파일의 경로를 지정하고 방문자가 음악을 재생하거나 멈출 수 있도록 컨..

✏️ 이미지를 삽입하는 태그// 웹 문서에 이미지를 삽입할 때 사용하며 src와 alt속성을 가지고 있음✏️ src 속성과 alt 속성// src속성 : 이미지 파일의 경로를 지정, 경로를 정확하게 입력하지 않으면 이미지가 화면에 나타나지 않음 웹 문서 파일과 이미지 파일이 같은 폴더에 있다면 간단히 이미지 파일의 이름만 적으면 이미지를 화면에 나옴// alt속성 : 화면 낭독기 등에서 이미지를 대신해서 읽어줄 텍스트를 입력해줌, 인터넷이 불안정하거나 이미지 파일 경로를 잘못 넣었을 때처럼 이미지를 제대로 표시할 수 없는 경우에는 이미지 대신 alt속성에 입력한 텍스트가 나타남 ✏️ 웹에서 사용하는 이미지 파일 형식GIF(graphic interchange f..

✏️ 표를 만드는 , 태그// 표의 시작과 끝을 알려 주는 태그 사이에 표와 관련된 태그 내용 넣기// 태그를 사용해서 표의 제목을 넣기, 제목은 자동으로 중앙 정렬 표의 제목✏️ 행을 만드는 태그와 셀을 만드는 , 태그// 태그를 통해서 표의 행을 만들고 태그를 통해서 셀을 만들기// 태그를 통해 표의 제목 행에 셀을 만들기 표의 제목 1행 1열 1행 2열 2행 1열 2행 2열 ✏️ 표의 구조를 지정하는 , , 태그제목과 본문 요약이 있는 부분으로 나누고 싶을 때 위의 태그들을 사용표의 본문이 길어 한 화면을 넘어갈 경우, JS를 이용해 와 태그는 표의 위아래에 고정하고 태그만 스크롤하도록 만들 수 있음 ✏️ 행이나 열을 합치는 rowspan, ..

✏️ 순서 있는 목록을 만드는 , 태그// ol은 ordered list의 줄임말로 순서가 있는 목록을 뜻하고, li는 list를 뜻함, 말 그대로 순서 있는 목록을 만들어주는 태그// 예를 들면 1.~~~ / 2.~~~ / 3.~~~ 이런 식으로 만들어줌, 추가로 태그는 type와 start속성을 가지고 있음 항목1 항목2// type의 종류// type="1" : 숫자(1,2,3,4) / type="a" : 알파벳 소문자(a,b,c,d) / type="A" : 알파벳 대문자(A,B,C,D)// type="i" : 로마 숫자 소문자 / type="I" : 로마 숫자 대문자// start속성은 식으로 사용하고 숫자에 맞는 알파벳이나 로마 숫자 등부터 시작하게 됨✏️ 순서 없는 목록을 만드는 , ..