전체 글42 embed 태그 / aidio 태그 / video 태그의 사용 1. embed 요소 - 외부 애플리케이션이나 상호작용 콘텐츠를 위한 컨테이너 - HTML4.01 에서는 embed 태그를 지원하지 않는다. 속성 값 설명 src "URL" 내장되는 외부 파일의 주소/이름 height "픽셀" 내장되는 콘텐츠의 높이 width "픽셀" 내장되는 콘텐츠의 폭 type "미디어타입" 내장되는 콘텐츠의 미디어 타입 2. audio 요소 - 외부 플러그인의 도움 없이 오디오 재생 * 사용법 audio요소를 지원하지 않는 브라우저에서 대체 표시할 내용 * 활용법 속성 값 설명 src "URL" 재생할 오디오 파일의 URL autoplay "속성값" - 웹 문서 로딩 시에 오디오를 자동으로 재생할 지 여부 - 속성값 없이 사용 가능 → 속성명만 표시 - 속성값을 사용하는 경우 → .. 2018. 4. 5. [검색] 구글 검색에 자신의 티스토리 등록하기 검색엔진에 내 사이트 등록하기 구글이나 네이버 같은 검색엔진에 검색 했을 때 내 블로그가 보여진다면 얼마나 좋을까요? 단순히 블로그를 창설 했다고 해서, 검색엔진에 나오는 것은 아니라는 사실!!(사실 신입시절 제 포트폴리오가 검색되는걸 보면.. 천천히 기다리면 검색 되기는 하는것 같습니다...ㅋㅋ) 1. 구글 아이디가 필요하다! 웹사이트의 소유권을 얻기 위해서는 검색엔진 마다 소유권이 필요합니다.구글 아이디를 만드는것은 생각보다 간단합니다. 아이디가 없다면 아이디를 만들어주시면 됩니다. 2. 웹사이트의 소유권을 획득하자! 사이트를 등록, 관리 등을 하기 위해서는 등록하려는 웹사이트의 '소유권' 이 필요합니다!구글 아이디로 로그인 후에, 구글 애플리케이션에서 제공하는 'Search console'을 이용하.. 2018. 4. 5. [HTML] HTML에서의 테이블표현 1. 태그 - 태그 > HTML에서 테이블을 정의하는 태그 > m행 x n열 → m개의 태그, 각 태그 내에서 n개의 태그 > border-spacing 속성으로 테이블간 셀들의 간격을 조절할 수 있다. (px단위) - 태그 > table에 해당하는 제목을 표시 > 테이블 레이아웃에는 아무런 영향을 미치지 않음 > 반드시 의 시작태그 바로 다음에 위치해야 함 → 테이블에서 하나의 줄에 해당하는 행(row)을 정의하는 태그 > 또는 태그를 포함해야만 사용 가능 - 태그 > 테이블에서 데이터가 표시되는 표준 셀을 정의 > 반드시 태그 내에서 사용 > 셀 내용 → 왼쪽 정렬로 표시 - 태그 > 테이블 내부에서 행/열의 제목을 표시하는 헤더 셀을 정의 > 반드시 태그 내에서 사용 > 셀 내용 → 진하게 가운데 .. 2018. 4. 4. [HTML] img태그와 a링크태크표현 1. 이미지를 삽입하는 태그 속성 값 설명 src "이미지파일" (상대경로, 절대경로 등) * 상대경로 - - - 현재 문서를 기준으로 파일 위치를 작성 - 필수속성 * 절대경로 - 문서에 표시할 이미지 파일 지정 width "숫자" (픽셀, %) - * 단위를 지정하지 않으면 px 단위 * 기본 출력크기 = 이미지의 원래 크기 * 폭/높이 중에서 하나의 크기만 지정되면 나머지 하나는 원본 크기에 비례해서 자동으로 지정 이미지의 너비(폭) 지정 height "숫자" (픽셀, %) - * 단위를 지정하지 않으면 px 단위 이미지의 높이 지정 alt "내용" (텍스트) * 이미지경로가 틀렸거나 손상이 되었을때, 대체텍스트가 나오게 된다. 이미지가 표시되지 않을때 대체텍스트 지정 usemap "#맵이름" 클라.. 2018. 4. 4. [참고] [HTML] 엔티티코드 (특수문자) 1. 엔티티코드(Entity Code)란? HTML문서나 XHTML 문서를 코딩하면서 특수문자를 사용할 때가 있다.가장 많이 사용하는 엔티티코드(Entity Code)로는 & 나 같은 특수문자가 있다.이러한 특수문자를 사용할 때에는 엔티티코드 혹은 엔티티넘버로 변환해서 입력해 주어야 한다. 그 이유는 변환하지 않고 입력했을때, 컴퓨터 브라우저가 HTML문서를 읽을때 실제 문서 내용이 아닌 HTML코드로 인식할 수 있는 문제가발생하기 때문이다. 가령 ' 2018. 4. 3. [HTML] 에서의 텍스트 표현 1. 텍스트 표현 - HTML 주석 > 문서 소스의 이해를 돕기 위한 설명을 추가할 때 사용 > 화면상에는 아무것도 표시되지 않음, 소스에서만 확인 가능 > - 태그 > 편집기에서 엔터키와 같은 기능 > 종료태그 없이 사용한다. => - 태그 > 문단을 나누어 독립된 단락을 생성 > 단락 전후에서 줄바꿈이 수행됨 > 스타일이 지정되지 않은 p 태그를 여러번 사용해도 한번 사용한 것과 같은 효과를 가진다. () ※ 공백 및 특수 문자 입력 > 공백, 예약어로 사용하는 문자 또는 키보드로 직접 입력할 수 없는 문자 > 연속된 여러개의 공백 = > , ", & = $#10진수코드; > ☞, ♡, ￥ ... = 진수코드; - 태그 > 텍스트 사이에 수평선을 그리는것 > 단락의 주제를 구분하는 용도로 사.. 2018. 4. 1. 이전 1 ··· 4 5 6 7 다음
