언어/Frontend11 [chapter 5 콘텐츠]멀티미디어, 리스트, 표, 아이프레임, 양식태그, html 주의사항 멀티미디어 - 이미지 - 비디오, 오디오 - SVG( scalable, vector grapics) img : 문서내에 이미지를 넣을 수 있는 태그 figure,figcaption : 하나의 독립적인 콘텐츠를 분리하고 그에대한 설명 추가 video : 문서에 영상첨부 audio : 소리첨부 svg : 그래픽으로 만들어진 이미지 -일반 이미지(래터스 이미지)와 다르게 수하 공식을 사용하여 그려지기 때문에 해상도의 영향을 받지 않아 확대/축소가 자유롭다. - 주로 크기를 자주 바꾸어야 하는 작은 아이콘에서 많이 사용된다. - 코드로 이루어져 있기 떄문에 스타일을 변경하거나 자바스크립트를 사용해 간단한 기능을 추가할 수도 있다. 리스트 - 정렬되지 않은 ( 순서가 없는) 목록 ul,li ● - 정렬된 (순서가.. 2023. 2. 22. [chapter 1 ~4] html, head, body, 레이아웃 chapter1 html 기본 문법 > 문서의 내용 수정하게 괸면 콘테츠를 가지는(열리고, 닫히는 태그) /가지지않는 태크 (단일 태크) 하하 title 속성 "제목" : 값 하하 : 콘텐츠 html 기본 문서 1.문서 버전 2. html 문서 시작 선언 및 문서 기본 언어 설정 3. 문서에 필요한 정보가 기입되는 곳 문서의 내용 수정하게 괸면 chapter2 사람 눈에 보이지 않는 "문서의 정보"가 담기는 영역 정보 종류 1. 타이틀 2. 메타데이터 (인코딩 정보, 문서 설명, 문서 작성자) 인코딩 : charset은 문서에서 허용하는 문자의 집합 utf-8 3. css,javascript section2 style 꾸미기 link 단일태크 : 파일을 별도로 분리 가능( ex) style시트 scrip.. 2023. 2. 22. Intro( html/css/js) visual studio 기본 설정 HTML (Hypertext Markup Language) : 웹 브라우저가 이해할 수 있는 언어 CSS (Cascading Style Sheets) : 문서를 예쁘게 꾸미는 언어 JS (Javascript) : 문서에 다양한 기능을 넣어주는 언어 기본설정 window 버전으로 ctrl + ,(콤마)누르면 저창이 뜨고 검색창에 folder를 쳐서 빨간색으로 쳐져있는 부분 케트 해제 폴더 쉽게 볼 수 있게 해줌 확장프로그램 material icon 파일별로 아이콘을 바꿔줌 브라우저 자동 새로고침 : 하나하나 가서 수동으로 고치고 실행안해도됨(저장만 누르면 됨) 줄별로 색깔다름 2023. 2. 22. 이전 1 2 3 다음
