- 웹 문서에 이미지(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 - 웹 문서나..

Semantic adj. 의미가 통하는 HTML의 tag는 그 이름만 봐도 의미를 알 수 있다. ex, : paragraph(단락) : anchor(닻을 내리다, 머무르다) 예제(전체 코드) Dream Jeju 단체 여행 맞춤 여행 갤러리 문의하기 몸과 마음이 치유되는 섬 쉼(Healing)의 공간으로 안내합니다 탁 트인 바다, 시원한 바람에 몸을 맡기고 뚜벅뚜벅 오름을 오르고 올렛길을 걷다보면 온전히 나에게 집중할 수 있습니다. 상세 일정 여행 기간 : 2박 3일 여행 일정 : (여행 일정은 상담을 통해 결정 및 조정 가능합니다) 다양한 액티비티가 기다리는 섬 모험과 스릴이 넘치는 레저의 천국으로 안내합니다. 둘러보기만 하는 여행을 하셨나요? 하늘을 날며 시원한 바다를 내려다보는 패러글라이등과 투명한 ..