- 다양한 multimedia 파일을 삽입. ex, 오디오, 비디오, 자바 애플릿, PDF, 다른 문서 등 - width, height 속성으로 삽입 크기 지정. data - 웹 문서에서 보여줄 multimedia 파일 지정. 없음. - ,, 를 읽어오지 못하는 web browser를 생각해야 할 때는 를 사용! - 오디오 파일 삽입. ex, 배경 음악, 효과음 등 - 비디오 파일 삽입. ex, 영상 등 controls - 플레이어 화면에 control bar 표시. autoplay - 오디오 or 비디오를 자동 실행. loop - 오디오 or 비디오를 반복 재생. muted - 오디오 or 비디오 소리 제거. preload - webpage를 불러올 때 오디오 or 비디오를 어떻게 로딩할 것인지 지정...

- 웹 문서에 이미지(image) 삽입. src - 이미지 파일 경로를 지정하는 속성. cf, 경로? 현재 HTML 문서에서 이미지 파일이 있는 곳까지 어떻게 찾아가야 하는지 알려줌. - 이미지 파일이 웹 문서 파일과 같은 경로에 있다 → 이미지 파일 이름만 작성. - 이미지 파일이 웹 문서 파일이 있는 폴더의 하위 폴더에 있다 → 폴더명까지 작성. alt - screen reader(화면 낭독기) 등에서 이미지를 대신해 읽어줄 text를 입력하는 속성. - 이미지를 text로 대신 설명한다고 생각하면 됨. - 인터넷 환경이 불안정하거나 이미지 파일 경로를 잘못 입력 했을 때도 텍스트로 나타남. - 이미지 부연설명 입력하지 ×. - 이미지 클릭 시 보여줄 화면이나 이미지에 적힌 내용을 입력하기. - 이미..

표에서 가로줄은 행(row), 세로줄은 열(column) 행과 열이 만나 cell이 된다! - 지금부터 표 시작! - 표에 제목 붙이는 tag. - 생략 가능. - 쓸 거면 바로 아랫줄에 쓰기. - 제목은 표 맨 위 중앙에 표시됨. - 행(row)을 만듦. - tag 안에서 열(column)을 나누어 cell을 만듦. - 표 제목 행(row)에 cell 만들 때 사용함. - 표의 제목부분 구조 지정. - 표의 본문 부분 구조 지정. - 표의 요약 부분 구조 지정. rowspan - 행(row)을 합치는 속성. ex, colspan - 열(column)을 합치는 속성. - 열 1개 지정해서 스타일 지정. ex, 배경색 지정, 너비 바꾸기 등 - 반드시 tag 바로 뒤에 써야 함. - 닫힘 tag '' 이런..

1. & ol = ordered list 즉, 순서가 있는 목록! 과 사이에 와 를 넣어 순서 표시! 레드향 샐러드 레시피 재료 : 레드향 1개, 아보카도 1개, 토마토 1개, 샐러드 채소 30g 드레싱 : 올리브유 1큰술, 레몬즙 2큰술, 꿀 1큰술, 소금 약간 샐러드 채소를 씻고 물기를 제거한 후 준비합니다. 레드향과 아보카도, 토마토를 먹기 좋은 크기로 썰어둡니다. 드레싱 재료를 믹서에 갈아줍니다. 볼에 샐러드 채소와 썰어 둔 레드향, 아보카도, 토마토를 넣고 드레싱을 뿌리면 끝! type 순서 있는 목록은 번호 붙일 때 주로 1, 2, 3, ....인데, type 속성 쓰면 번호 형태 바꿀 수 있음! 숫자(default) 영어 소문자 영어 대문자 로마 숫자 소문자 로마 숫자 대문자 start 원하..

- 제목 tag. 다른 text보다 크고 진하게 표시. - = heading - , , , , , 가 있음. - h 옆의 숫자가 작을수록 큰 제목. - text 단락을 만듦. - 줄바꿈. - 단락이 나눠진게 아니라서 나중에 CSS 적용할 때 주변과 구분해서 적용할 수 없음. - 인용문임을 나타냄. - 다른 text보다 좀 들여쓰기 되어 나타남. - 중요한 내용을 굵게 강조. - 시각장애인용 screen reader(화면 낭독기)에서 accent 넣어서 읽어줌. - 단순히 글자만 굵게 나타냄. - 기울임체로 강조. - 문장 흐름상 특정 부분 강조. - 단순히 글자만 기울여 나타냄. - 마음 속 생각, 용어, 관용구 등. - 줄임말 표시. - title 속성을 함께 쓸 수 있음. ex, IoT - 웹 문서나..