multiking

HTML 블록 및 인라인 요소 모든 HTML 요소에는 요소 유형에 따라 기본 표시 값이 있습니다. 표시 값에는 block과 inline의 두 가지가 있습니다. 블록 (block) 수준 요소 블록 수준 요소는 항상 새 줄에서 시작하고 브라우저는 자동으로 요소 앞뒤에 약간의 공백(여백)을 추가합니다. 블록 수준 요소는 항상 사용 가능한 전체 너비를 차지합니다(가능한 한 왼쪽과 오른쪽으로 늘어남). 일반적으로 사용되는 두 가지 블록 요소는 및 입니다. 요소는 HTML 문서의 단락을 정의합니다 . HTML 문서에서 구분 또는 섹션을 정의합니다. Tag 블록(block) 형태의 속성을 가진 가장 대표적인 Tag로서 다른 HTML Tag들을 하나로 묶는 데 자주 사용합니다 하나로 묶인 다른 HTML Tag에 CSS..

HTML 멀티미디어 HTML5 이전까지는 각 웹 브라우저마다 멀티미디어 파일을 지원하는데 각자 다른 방식의 플러그인으로 처리했었습니다. 하지만 HTML5 에서는 외부 플러그인의 도움없이도 멀티미디어 파일을 간단히 사용할 수 있습니다 html5에서 재생 가능한 오디오 타입 mp3 audio/mpeg mp3로 인코딩된 오디오 파일 Moving Picture Experts Group에 의해 개발되었으며, MPEG-1의 오디오 규격으로 개발된 손실 압축 파일 형식입니다. wav audio/wav wave 형식으로 인코딩된 오디오 파일 IBM과 Microsoft에 의해 개발되었으며, 개인용 PC에서 오디오를 재생하기 위한 IBM과 Microsoft의 표준 오디오 파일 형식입니다. ogg audio/ogg vorb..

HTML 이미지 이미지는 웹 페이지의 디자인과 모양을 향상시킬 수 있습니다. 웹이미지 웹 페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않으면서도 화질은 좋게 유지해야 하기 때문에 몇 가지 파일 형식만 사용할 수 있다. 저작권이 없는 무료 이미지 이미지를 사용 할 때는 꼭 저작권 여부를 확인하여야 합니다. 특히 무료라고 하는 경우 비상업적용도로 명시 된 경우가 많으므로 이점 유의 해서 사용! https://pixabay.com/ko/ https://www.iconfinder.com/ 6,850,000+ free and premium vector icons, illustrations and 3D illustrations Iconfinder is the world's largest marketp..

colgroup 연습 1 2 HTML Table HTML 테이블을 사용하면 웹 개발자가 데이터를 행과 열로 정렬할 수 있습니다. HTML에서 테이블을 만들기 위해서는 tag를 사용한다. 이제 tag를 자세히 살펴보자. HTML 테이블 정의 이름 전화번호 배정수 010-1234-5678 홍길동 010-4544-1234> 테이블 셀 각 테이블 셀은 및 태그로 정의됩니다. 참고: 테이블 셀에는 텍스트, 이미지, 목록, 링크, 기타 테이블 등 모든 종류의 HTML 요소가 포함될 수 있습니다. 테이블 행 각 테이블 행은 태그로 시작 하고 태그로 끝납니다 테이블에 원하는 만큼의 행을 가질 수 있습니다. 각 행의 셀 수가 동일한지 확인하십시오. 테이블 헤더 th 테이블 헤더를 나타냅니다. 셀이 표 머리글 셀이 되기를..

HTML Lists 웹 페이지에서 항목이나 데이터를 순차적으로 나열하는 것을 List(리스트)라고 한다. List(리스트)는 크게 3가지의 종류가 있다. HTML 목록을 사용하면 웹 개발자가 목록의 관련 항목 집합을 그룹화할 수 있습니다. 리스트의 종류 순서가 없는 리스트(unordered list) - ul 순서가 있는 리스트(ordered list) - ol 정의 리스트(definition list) - dl 항목 - 순서가 없는 리스트(unordered list) 순서가 지정되지 않은 목록은 태그로 시작합니다. 각 목록 항목은 태그로 시작합니다. 목록 항목은 기본적으로 글머리 기호(작은 검은색 원)로 표시됩니다. Coffee Tea Milk Coffee ice hot ice hot Tea Milk ..

HTML 링크 링크는 거의 모든 웹 페이지에서 찾을 수 있습니다. 링크를 통해 사용자는 페이지에서 페이지로 이동할 수 있습니다. 링크를 클릭하면 다른 문서로 이동할 수 있습니다. 링크 위로 마우스를 이동하면 마우스 화살표가 작은 손 모양으로 바뀝니다. 참고: 링크는 텍스트일 필요가 없습니다. 링크는 이미지 또는 기타 HTML 요소가 될 수 있습니다! 단원 요약 요소를 사용하여 링크 정의 href 속성을 사용 하여 링크 주소 정의 target속성을 사용 target하여 연결된 문서를 열 위치 정의 요소(내부 )를 사용 하여 이미지를 링크로 사용 mailto:속성 내부의 체계를 사용 href하여 사용자의 이메일 프로그램을 여는 링크 생성 HTML 링크 - 구문 HTML 태그는 하이퍼링크를 정의합니다. 다음 ..

이번 장에서는 HTML5에서 텍스트를 위한 태그들을 알아보도록 하자. Text Formatting Tag 서식 요소는 다음과 같은 특수 유형의 텍스트를 표시하도록 설계되었습니다. tag 설명 굵은 텍스트 스트를 굵게 + 중요함 의미 텍스트를 이탤릭체로 출력 텍스트를 이탤릭체 + 중요함 의미 텍스트 폰트 크기를 작게 아래첨자 텍스트 위첨자 텍스트 삽입된 텍스트에 밑줄을 긋는다. 텍스트에 취소선을 긋는다. 텍스트에 형광펜처럼 강조표시 HTML 및 요소 This text is bold HTML 요소는 매우 중요한 텍스트를 정의합니다. 내부 콘텐츠는 일반적으로 굵게 표시됩니다. This text is important! HTML 및 요소 HTML 요소는 대체 음성 또는 분위기에서 텍스트의 일부를 정의합니다. 내..

tag 표기법 CONTENT 1. html heading HTML 제목은 ~ 태그로 정의됩니다. 가장 중요한 제목을 정의합니다. 가장 덜 중요한 제목을 정의합니다. h1의 경우 한 문서에 1개 - 보통은 사이트명이나 페이지명으로 사용한다. 시만텝 웹에서는 태그의 의미를 파악한다. Hn 태그 순서를 건너 작성해도 오류는 아니나 순서대로 일관성 있게 작성하자. 따라서헤딩은 주 헤딩에 사용하고, 그 다음에헤딩, 그 다음은 덜 중요한 등을 사용해야 한다. 자동으로 크기와 bold로 강조 되며, 블록태그이다. 제목이 중요합니다 검색 엔진은 제목을 사용하여 웹 페이지의 구조와 내용을 색인화합니다. heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 2. HTM..

학습목표 1. 실습을 위한 에디터 2. html 기본 구조와 태그의 이해 Editor HTML5 + CSS3를 작성하는데 아주 편리한 전문 Editor가 많습니다. 그러나 어느 정도 html 코딩의 연습을 위해 메모장을 추천합니다. 물론, 전문 html 에디터를 사용하면 태그의 자동완성, 오류확인, 식별의 용이 등 장점이 많으나, 가장 기본적인 메모장을 통해서도 충분히 html 코딩이 가능합니다. 1. tag 2. 기본구조 - html구조는 html 태그 속에 html5 구조를 학습합시다. 탐색기에 www 폴더를 만든다. 메모장에서 html 기본구조를 작성 한다. www 폴더안내 index.html 로 저장한다. (확장자 html) 폴더에서 열기를 해 본다. - 자동으로 기본브라우저로 연결된다. 소스보기..

학습목표 html 학습 전 인터넷과 Web 환경을 이해한다. 1. 인터넷과 Web 개요 2. WWW 개요 3. HTML5 4. 웹브라우저와 편집기 1. 인터넷과 Web 개요 §인터넷 •우리가 사용하는 컴퓨터를 전 세계 규모로 연결한 것 l1967년 미국방성의 지원으로 군사정보를 공유하기 위해 시작 (ARPANET) l1982년 : TCP /IP 프로토콜을 채택하여 인터넷 환경기반을 갖춤 l1986년 : NSF 미국과학재단에서 5곳의 슈퍼컴퓨터를 연결한 학술망 구축 (NSFNET) : 백본망구축 l1991년 : 상업적 서비스 시작-현재의 인터넷환경 §인터넷과 웹은 다르다 . §인터넷은 웹의 개념이 나오기 전부터 만들어진 컴퓨터 연결 네트워크 •1969년 미 국방성 고등 연구 계획국(ARPA) •여러 대학들..