Coding의 기본 및 종류
코딩의 기본 종류 : HTML, CSS, JAVASC
[1]HTML
HTML 정의(HTML = LINK)
-Hyper Text[하이퍼텍스트(=하이퍼링크)를 이용하여]
-Markup[구조를 표시하는]
-Language[언어]
-HTML5 : 출력뿐만 아니라 게임,프로그래밍,어플리케이션 등 여러분야에 활용
- Tag의 구조
<요소(태그이름)> 내용</요소(태그이름)>
순서 = 열린태그, 닫힌태그
/= 마침표 같은 개념
br/ (단독) = 줄바꿈 기능
2.Tag의 속성
종류 = inline, block, inline-block
inline = 태그사이 공백을 주는 역할, 태그 출력 시 가로방향, 너비 높이 x
block = 레이어를 채우는 박스 역할, 태그 출력 시 세로방향, 너비 높이 o
inline-block = inline과 block을 합쳐놓은 것, 태그 출력 시 가로방향, 너비높이 o
HTML 기본 구조
WEB 표준
인터넷 초기에는 대부분 인터넷 익스플로러를 이용해 인터넷을 접속했다.
그래서 익스플로러를 제외한 다른 브라우저(크롬, 사파리, 넷스케이프, 오페라, 파이어폭스...)에서는
웹 페이지가 익스프로러를 통해 보는 화면과 다르게 보여지거나 멀티미디어 기능이 작동하지 않는
경우가 많았다.
이런 문제점을 해결하기 위해 W3C(World Wide Web Consortium)를 중심으로 웹 페이지의표준화에 대한 작업이 진행되었다.
웹 표준안은 브라우저 중심이 아닌 HTML태그가 중심이며, 사용자가 중심이 되는 표준안으로 모든 브라우저에서 공통으로 인터넷을 사용하고 자유롭게 커뮤니티를 만들어
가는 것을 웹 표준이라고 한다.
현재 HTML5로 문서를 만들고 그에 따른 웹 표준을 준수하는 것이 바로 웹 표준이다.
=> 모든 사용자가 모든 브라우저에서 어떠한 환경을 가졌든 동일한 웹 서비스를 이용할 수 있게
표준안에 따라 웹 문서를 작성하는 것을 말한다.
WEB 접근성
어떤 브라우저든 어떤 디바이스를 사용하든 사용자가 어떤 장애환경을 가지고 있던지 웹 서비스를 편리하게 이용하도록 만드는 것을 말한다.
즉, 웹에 어떻게 더 쉽게 접근할 수 있느냐를 뜻한다.
웹 문서를 만드는 규칙(파일 명명 규칙)
- 하나의 프로젝트는 하나의 폴더(최상위 폴더)를 만들어 html, css, javascript파일들을
분리하여 저장해야 한다. 그리고 최상위 폴더의 이름도 반드시 영문+숫자 조합이어야 한다.
ex) portfolio폴더 -> html폴더 / css폴더 / 이미지폴더...
2. 웹 파일을 생성할때에는 영문 소문자를 사용하여 이름을 짓는다. 한글이름은 지을 수 없다.
ex) about.html
3. 웹 파일 이름에 숫자가 들어갈 경우 영문 소문자 다음에 쓴다.
ex) about01.html (O)
01about.html (X)
4. 웹 파일 이름에 공백이 필요한 경우 공백 대신 -(하이픈), _(언더바)를 이용한다.
ex) about_01.html (O)
about-01.htm
l (O)
about 01.html (X)
5. 웹 파일 이름에 .은 확장자 앞에만 쓸 수 있다.
ex) about-01_sub.html(O)
about.01_sub.html(X)
