Frontend57 03. HTML 이미지, 미디어, 링크, 프레임 삽입 관련 태그들 ○ 이미지 삽입 태그 - 이미지 삽입 태그 : 또는 - 이미지 경로 ① 상대경로 : 현재 HTML문서가 저장되어 있는 폴더 기준 폴더명/현재 폴더의 하위폴더 ./폴더명/현재 폴더의 하위폴더 ../폴더명/현재 폴더의 상위폴더 ../../폴더명/현재 폴더의 상위상위폴더 ② 절대경로 : 웹프로젝트의 홈디렉토리(ROOT)부터 시작 - 속성값으로 크기를 조정할 수 있다 (height이 생략되면 width에 맞춰 줄어든다) ○ 미디어 삽입 태그 - 음악 삽입 태그 : - 영상 삽입 태그 : - 미디어 삽입 태그에서 사용되는 속성들 ① controls : 컨트롤 막대 표시 ② autoplay : 자동 재생 ③ width, height : 비디오 크기 조절 ④ poster : 비디오가 재생되지 않을 시 표시되는 이미지.. 2022. 3. 23. 02. HTML 텍스트 관련 태그들 ○ 글자모양 관련 태그들 - 줄바꿈 태그 : 또는 HTML문서는 enter를 줄바꿈으로 인식하지 않기 때문에 줄바꿈 태그가 필요하다 (break의 약자) - (HTML 문법과 겹치는) 특수문자 공백 1칸 non-breaking space >greater than sign &&ersand ""quotation mark ''apostrophe - 글자크기 : 문서를 구조화할 때 주로 사용, 6단계(이 가장 크다) 금쪽같은 내새끼 금쪽같은 내새끼 금쪽같은 내새끼 금쪽같은 내새끼 금쪽같은 내새끼 금쪽같은 내새끼 - 글자모양 진하게 이탤릭체(비스듬히) 밑줄 여러개의 태그를 동시에 쓸 때는 닫는 태그 순서에 주의한다 - 수평선 : 절대적 크기 / 50픽셀 상대적 크기.. 2022. 3. 23. 01. HTML 기본문법 ○ HTML 문서 - Hyper Text Markup Langauge의 약자 - 웹페이지를 작성할 때 사용하는 문법 - 확장명 .html 로 저장 - HTML문서는 웹브라우저(크롬, 엣지, 파이어폭스 등)에서 출력 ○ HTML 태그(Tag) - HTML 명령어를 Tag라 한다 - Tag는 대소문자를 구분하지 않는다 (단, 소문자 사용에 권장됨) - 안에 명령어를 쓴다 - 여는 태그와 닫는 태그로 구성되어 있다 너무 아름다운다운다운다운 뷰 더 보여줘 다음다음다음다음 뷰 - 단, 여는 태그와 닫는 태그가 동시에 있거나 닫는 태그가 없는 경우도 있다 - 엔터(줄바꿈)을 허용하지 않는다 - 공백은 1칸만 허용한다(여러 칸을 띄어도 1칸만 띄어쓰기됨) - 주석문은 안에 넣는다 ○ HTML 문서 기본 구조 ① DO.. 2022. 3. 22. 이전 1 ··· 7 8 9 10 다음
