728x90

HTML 2

HTML의 임베디드 요소 - <img>, <video>, <audio>, <canvas>, <iframe>

임베디드 요소 embedded :끼워넣은, 내장된 단어 자체의 의미는 위와 같다. html에서 임베디드 요소란 직접 코드를 작성하는 것이 아니라, 외부의 소스를 가져와 삽입하는 요소를 뜻한다. 대표적으로 , , , , 태그가 여기에 속한다. 태그와 파일 경로 이미지 태그는 빈 태그, 단일 태그로 닫는 태그 없이 사용한다. 의 src 속성 img 태그가 가지는 가장 중요한 특성은 src 이다. 필수 속성이며 이미지의 경로를 적는다. src에 적는 주소로는 절대 경로와 상대 경로가 있다. 절대 경로(Absolute path) 어디에서든 동일한 결과를 보여준다.(구글 검색으로 찾은 이미지 경로 등) 루트 디렉토리를 포함하며 ( C:\를 항상 포함 ) URL 에서는 http:// 를 항상 포함한다. 서버 주소가..

WEB/HTML, CSS 2022.10.09

웹개발 종합반 1주차 (1-3) : HTML, CSS 기본

1. 바탕화면에 프로젝트 폴더 ( sparta ) 생성. 2. 그 안에 frontend , homework, pythonprac , projects 생성. 3. frontend 안에 test 폴더 생성. 4. 파이참에서 오픈 > frontend 선택해 열기 처음 설치 후 열면 오늘의 팁 등 뜰 수 있는데 다 끄고 이 화면에서 시작. 5. test 폴더 삭제. frontend 우클릭 new html file 생성 : 이름은 01_example 으로 입력 6. 우측 상단에 보이는 브라우저 아이콘 클릭해서 웹페이지 열어보기. 태그 안에 제목 바꿔보기. 태그 안에 아무거나 써보기. 저장 후 열린 웹페이지 새로고침해서 적용된 모습 확인. 7. html 기초 문서의 형태를 가진 기본 골격. 기본적으로 head 태그..

728x90