HTML
1.Internet & Web
기본적으로 인터넷은 연결된 장치의 묶음 입니다.인터넷을 사용하는 장비로는 데스크탑, 컴퓨터, 노트북, 모바일 기기, 냉장고에 달린 인터넷기기 등이 있습니다.두 개의 PC가 서로 통신을 하려면, 물리적인 케이블을 연결해서 통신을 할 수 있습니다.다만, 수십 개 혹은 수백
2.HTML
HTML(Hyper Text Markup Language)은 웹 페이지를 위한 마크업 언어로, 웹 페이지에서 다른 웹 페이지로 이동할 수 있능 기능을 보유한 언어 입니다.웹 페이지의 컨텐츠를 정의하기 위해 사용하는 언어이며 CSS JavaScript와 많이 사용됩니다.
3.HTML - 개발자 도구
웹 브라우저에서 지원하는 강력한 도구 툴웹 페이지에서 사용된 HTML , CSS등 소스코드를 사용자에게 보여줍니다.모바일 모니터링 네트워크 상태점검 스크립트 명령어 HTML CSS 코드 확인 등개발자에게 편의성을 제공합니다.
4.HTML - 태그
태그란 콘텐츠(정보)요소들을 정의하는 코드 입니다.태그를 이용해 콘텐츠를 감싸서 콘텐츠에 대한 역할을 부여해주는 코드 입니다.태그는 여는 태그와 닫는 태그, 단일 태그로 이루어져 있습니다.단일 태그는 1개의 태그만 사용하며, 여는 태그는 필수적으로 닫는 태그와 같이 사
5.HTML - 태그의 속성
태그의 부가적인 기능을 추가해주는 옵션입니다.선택해서 사용할 수 있으며, 태그만으로 표현하기 부족한 부분을 속성으로 매꿔 줍니다.여는 태그에서 사용 합니다. ( 단일 태그는 단일 태그 안에서 사용 )속성의 개수는 제한이 없습니다.속성을 왜 사용 해야 하는지 위 코드를
6.HTML - 기본 문법
HTML의 기본 문법은 위 코드처럼 구성되어 있습니다. <!DOCTYPE HTML> 1\. 문서의 첫 부분에서 문서 유형을 나타내는 태그 2\. 이 문서가 HTML로 작성된 파일이라는 것을 웹 브라우저에게 전달해주는 역할을 합니다. 3\. 단일 태그 <h
7.HTML - 블록 레벨 및 인라인 레벨
1. 구분되는 태그? > 태그마다 다른 성격을 나타내는 태그가 있습니다. > 혼자서 모든 영역을 차지하는 블록영역태그와, 태그 사용에 필요한 영역만 차지하는 인라인레벨 태그가 있습니다. 아래에서 살펴 보겠습니다. 1.1 블록 레벨 태그 > 태그를 사용해서 컨텐츠를 적
8.HTML - 주요 태그들
이미지를 표시할 떄 사용하는 태그단일태그 이미지의 주소값을 입력하는 src 속성과 같이 사용해야 한다.이미지 태그에서 주로 쓰이는 속성src 이미지의 경로, 주소 값을 참조하는 속성width 이미지의 너비 크기를 지정height 이미지의 높이를 지정alt 대체 텍스트
9.HTML - 컨테이너 태그 (div, span)
콘텐츠나 레이아웃에 영향을 주지 않는 태그 → 브라우저에 아무련 영향을 끼치지 않는다.다른 요소들을 그룹으로 묶어서 관리를 편하게 할 수 있습니다.콘텐츠 내용을 구분하거나 공통적인 스타일을 적용할 때 사용합니다.→ CLASS나 ID등 식별자를 사용할 때 같이 사용 된다
10.HTML - 전역 속성
모든 HTML 태그에서 공통적으로 사용할 수 있는 속성을 전역속성이라고 합니다.ID요소에 고유한 이름을 부여하는 식별자 속성1개의 문서 파일에는 1개의 ID만을 사용해야 합니다. 중복 사용 불가능→ 주민등록증과 같은 개념이라고 생각CLASS요소를 그룹으로 묶어서 이름을
11.HTML - 식별자 속성의 차이
스타일 지정할 때 한 가지만 지정해서 사용하는 식별자 이름 입니다하나의 문서 파일에서 1개의 ID 이름만 사용할 수 있습니다 중복해서 사용할 수 없음🌟 식별자를 사용하는 속성중에서 우선순위가 가장 높다그룹으로 묶어서 스타일을 지정할 때 자주 사용되는 식별자 이름 입니
12.HTML - 뷰포트
웹 페이지가 화면에 보여지는 영역기기별로 화면에 보여지는 영역이 다르기 때문에, 동일한 웹 페이지도 기기에 따라서 다르게 보여질 수 있다. 기기마다 배율조정이 다르기 때문에 PC와 모바일기기로 동일한 페이지를 보고 있어도, 보여지는 영역이 다른 것을 확인할 수 있다.
13.HTML - iframe 태그
인라인프레임이라고 불리며, 현재 HTML 문서에서 다른 HTML 문서를 포함할 때 사용HTML5 문서로 넘어오면서 많이 사용 되고 있지는 않습니다.iframe 을 지원하지 않는 브라우저를 위해 iframe 태그의 시작과 끝 사이에 대체 텍스트를 넣기도 합니다. 사용 예
14.HTML - 섹션
문서 또는 사이트, 애플리케이션의 각 섹션, 메인 영역을 구조화 하는 방법을 알아봅시다.문서 상에서 BODY 요소는 자신의 요소 안에 존재하는 모든 요소들의 root(root section)이 될 수 있습니다. BODY 태그 안에 해당되는 자식 요소들은 BODY 태그의
15.HTML - 텍스트 레벨 & 그룹핑 요소
텍스트 레벨에서 사용되는 요소 몇 가지를 소개하려고 합니다.sup 태그는 윗첨자로 다른 글자의 오른쪽 위에 놓이는 글자 입니다.약어 또는 각주를 나타낼 때 사용 합니다.sub 태그는 아래첨자로 기준선의 아래, 다른 글자의 오른쪽 아래에 놓이는 작은 글자 입니다.대부분
16.HTML - 임베디드 요소
HTML 문서에 삽입하는 이미지, 비디오, 오디오, 웹 사이트, 이미지맵 등에 대한 컨텐츠요소에 대해 알아볼게요.picture 태그는 다양한 스크린 환경(스마트폰, 데스크탑, 아이패드, TV 등)에 맞는이미지를 화면에 적절하게 표시해주기 위해 사용 합니다.img 요소의
17.HTML - 엔티티 코드
HTML 에서 특수문자&기호를 사용하기 위한 코드입니다.< 같은 기호는 HTML에서 <hr>와 같이 태그에 속하는 기호로 해당 되므로,그냥 컨텐츠로 사용하게 되면 브라우저 상에서는 문제가 없을 지 몰라도, 편집기 내부에선오류가 발생할 수 있습니다.이런 문제를
18.HTML - Emmet
Emmet 기능이란 강력한 자동 완성 기능으로, html 문법의 반복되는 부분이나태그를 빠르게 완성시켜주는 기능을 보유하고 있습니다.생성하기 위한 요소의 이름을 타이핑하고 TAB키를 누르면 자동완성 된다.\> 기호를 사용해서 자식 요소를 생성할 수 있다.\+ 기호를 사
19.HTML - Table
테이블 데이터는 일부 데이터를 표와 같이 명확하게 표시하기 위해 사용합니다.html 에서도 테이블 요소는 표를 만들기 위해서 사용 됩니다.html 문서의 표를 만들 수 있습니다.CSS 디자인이 추가되지 않으면, 시각적으로 보이진 않습니다.표 안의 셀을 생성할 수 있습니
20.HTML - 입력 요소
사용자로부터 값을 입력받을 수 있는 대화형 컨트롤이라고 합니다.기본적으로 인라인 요소이며 단일 태그사용자가 데이터를 입력할 수 있는 입력필드를 선언하기 위해서 form 내부에서 사용됨.text 일반 텍스트 문자 password 비밀 번호button 버튼submit 양식
21.HMTL - Form 태그
1. Form ? > * 사용자가 입력필드에 입력한 데이터 값을 서버로 전송해주는 태그 >>서버란 정보를 제공하는 host 입니다. 1.1 서버와 클라이언트간의 전송 과정
22.HTML - Label & Button & Name
lable 요소는 form 안에서 많이 사용 되는 요소입니다.lable 요소 안의 for 속성으로 ID 식별자가 부여된 요소와 결합할 수 있습니다.이 때 for 속성의 이름과 ID 식별자의 이름은 동일해야 합니다.lable 요소는 브라우저에 의해 일반적인 텍스트로 렌더
23.HTML - 검색엔진 빌려오기
Google, Naver, Youtube 에서 사용자가 입력한 값을 제출하는 서버의 URL을 제 PC의 Form에 가져와서 해당 웹사이트에 검색 엔진을 사용할 수 있습니다. 1. 웹 사이트 서버 확인하기 먼저 웹 사이트의 검색엔진에 찾고자 하는 키워드를 입력해서, 어
24.HTML - Radio, Checkbox
1. Raido
25.HTML - Select , Textarea TAG
다양한 선택지 중에서 드롭박스를 생성하는 태그Input 태그와 마찬 가지로 사용자에게 값을 입력받는 대화형 필드 입니다.Option 태그와 같이 사용하여 선택지를 제공 합니다.option 태그를 사용하지 않으면, 드롭박스에 문구가 적용되지 않습니다여러줄의 요소를 입력할
26.HTML - Range
사용자가 범위내에서 선택할 수 있는 슬라이드바를 제공하는 태그입니다.여러가지 속성들을 사용해서, 슬라이드바의 최소/최대 값, 기본 값, 증가/감소 값의 수치 등을조정할 수 있습니다.
27.HTML - Form 유효성 검사
서버로 데이터를 제출하기 전에 올바른 양식으로 작성했는지, 필수 입력 항목에 빈칸은없는지 확인하는 것을 말합니다.예를 들면, 회원가입을 하는 사이트에서 ID는 입력했는데 비밀번호를 입력하지 않고 제출한다면, 유효성 검사를 통해 제출 요청이 취소됩니다.유효성 검사에는 j