이미지 & 미디어 태그 이미지태그 이미지 삽입할경우 이미지 태그를 사용한다. 이미지 태그의 속성 src 이미지 파일 경로 alt 이미지 파일이 없을 경우 표시되는 문장 width 이미지의 너비 (CSS에서 지정하는 것이 일반적) height 이미지의 높이 (CSS에서 지정하는 것이 일반적) 미디어 태그 오디오태그 오디오 태그의 속성 src 음악 파일 경로 preload 재생 전에 음악 파일을 모두 불러올 것인지 지정 autoplay 음악 파일을 자동의 재생 개시할 것인지 지정 loop 음악을 반복할 것인지 지정 controls 음악 재생 도구를 표시할 것인지 지정. 재생 도구의 외관은 브라우저마다 차이가 있다. 비디오태그 비디오 태그의 속성 src 동영상 파일 경로 poster 동영상 준비 중에 표시될 ..
[HTML] Hyperlink - a태그 , 목록과 표 형식을위한 태그
HTML의 약자는 HyperTextMarkupLanguage다. 여기서등장하는 HyperText는 컴퓨터용어로, 텍스트등의 정보가 동일선상에 있는것이 아닌 다중으로 연결되어있는 상태를 의미한다. 이것은 HTML의 주요기능인 Link와 연결되는데, 사용자가 원하는 순서대로 원하는 정보를 취득할 수 있게끔 해준다. 한텍스트 -> 다른텍스트 건너뛰어서 읽을수 있게해주는 기능을 하이퍼링크 (Hyper link)라고 한다. HTML link는 hyperlink를 의미하고 a 태그가 그 역할을 한다. href 1. href 어트리뷰트 href 어트리뷰터는 이동하고자 하는 파일의 위치 = 경로 를 받는다. 1.1 디렉터리 파일시스템 내의 존재물로서 폴더라고도 불리운다. 작업 디렉터리 작업 중인 파일의 위치한 디렉터리..
[HTML] 웹페이지를 구성하는 기본 요소, 텍스트 태그
웹페이지를 구성하는 기본 요소 1. 문서형식정의 === DOCTYPE 출력할 웹페이지의 형식을 브라우저에게 전달한다. 문서의 최상위에 위치해야한다.. 2. html 태그 html태그는 모든 html요소의 부모요소이며 단 하나만 존재한다. 화면에 표시할 모든 콘텐츠는 이곳에 기술한다. 3. head 태그 화면에 보여지지않는다. 메타데이터를 포함하기 위한 요소이다. meta, style, link, script등이 여기에 포함된다 3.1 title 태그 문서의 제목을 나타낸다.(브라우저의 탭에 표시) 3.2 style 태그 HTML문서를 위한 style 정보를 정의한다. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temp..
[HTML] HTML5 기본문법 , 시멘틱 요소와 검색엔진
기초부터 탄탄하게 공부시작! DOCTYPE 문서의 유형을 정의하기 위하여 사용하는 선언문 웹 문서의 시작을 알리며, 태그 보다 먼저 선언한다. DDCTYPE은 웹브라우저에서 처리할 문서가 HTML이며, 이러한 버전을 사용했으니 해당 코드로 해석하라 의미를 가진다. HTML5이전에는 DOCTYPE선언이 길고 복잡했으나, HTML5이후는 비교적 간단하다. HTML : HypeTextMarkupLanguage HTML은 웹페이지를 기술하기 위한 마크업 언어이다. 웹페이지의 내용과 구조를 담당하는 언어. => 태그를 통해 정보를 구조화 Hello World 안녕하세요! HTML5 HTML5은 반드시 으로 시작하여 문서 형식을 HTML5로 지정한다. 실제적인 HTML은 2행붜시작한다. 부터 시작. 사이에는 메타데..