HTML(XHTML) 이란 무엇인가?
jQuery : Javascript 확장된언어 라이브러리 정의된 함수를 편하게 사용할수 있도록 제공된 언어
<태그>로 되있는 언어는 마크업언어이다. 마크업언어특징 확장자가 ml로끝난다.
SGML -> META언어로 만들수 있다.
XML여러 언어들로 표현되어 만들어 질수 있다 예를들어 SMI자막파일등
HTML 표현만 가능한 언어
XHTML = HTML + XML 두장잠의 언어가 합쳐진언어
웹표준안
www.w3.org : Web Architecture : AllStandards and Drafts 에서 웹표준을 정의하고있다.
브라우져 : html소스를 해석해주는 프로그램
html : w3c단체에서 만들었음.
웹지원가능한 그림파일 jpg/jpeg(사진용), gif, png(일러스트 및 그래픽)
IIS 프로그래밍 : 웹서버가 데이타를 입출력
클라이언트 프로그램 : 브라우져 프로그램 <-> 서버쪽 프로그램
클라이언트쪽언어 HTML, JAVASCRIPT, CSS
서버쪽언어 닷넷, MSSQL, 자바등
HTML : 텍스트, 이미지, 멀티미디어,내용
CSS : 서식, 여백
웹표준에 어긋나는것 : HTML로 폰트 크기나 스타일 변경
상호작용 : JAVA SCRIPT, 클라이언트가 행동을 할때 응답하는것
템플릿 : 프로그래머가 사용하기 편하도록 미리정의해놓는 기본언어
메타정보 : 프로그램의 기타 정보들을 기록하는 공간
<meta /> 태그 만든이, 사용프로그램, 어떤 프로그램인지 설명하는 태그
검색기반 <meta /> 태그 자료를 기준으로 자료를 수집한다.
content 내용이 맞는지 조회 키워드 조회 굳이 홈페이지 등록 하지 않아도 구글에 검색이 되어 상위 홈페이지 랭크된다.
팁 웹브라우저 및 크롬에서 F12버튼으로 조회가능
팁 개발도구 개요 임의의 요소 로 표현된형식을 알아볼수있다.
html 개발목적 : 대학이나 학술적인 자료를 남기기위해서 만들어놈.
<p>, <div>,<span>으로 대부분의 레이아웃을 대부분 만든다.
<body>의 자식인 <br />의 경우는 텍스트의 의미를 구분하기 힘들다 <p></p>태그는 바디자식이아닌 <p></p>의 <body>자식이 아닌 <p></p>의 자식이다.
라인을 띨경우 <br /> 을 사용한다 <p></p>태그는 그러한 라인을 띠기위한 용도는 아니다.
<p></p> 태그는 개행하기위한 목적이 아니다. <p></p><p></p><p></p><p></p> 여러라인을 기재하여도 한라인만 띠어진다 개행목적이 아니기 때문에
<div> </div> 텍스트 내용을 하나의 공간으로 묶기위해 만든것 상자
<span> </span> 인라인요소(개행이되지않는것) 화면상 나타나지 않고 영역상만 표시되는것 java script, css를 이용하여서만 사용할수 있다. 영역을 묶을때 사용한다.
List, 목록에는 순서가 있는 목록과 순서가 없는 목록 2가지로 나뉜다. 순서가없는 목록은 Bullet이라고 한다.
<dl></dl> 전체용 <dt></dt>전체내용에 대한 단어 <dd></dd>전체내용에 대한 해석 용어정리
target 속성은 4가지만 있다.
1. _self, _blank, _parent, _top
_self -> 현재창에서 링크된 페이지를 보여준다.
_blank -> 새로운창에서 링크된 페이지를 보여준다.
default 로 _self로 target이 지정되어 있다.
2. 프레임명
그냥 링크만 붙일경우는 #을 붙이도록 한다.
a태그로 자바스크립트를 호출 할수 있다
.은 자기자신을 나타낸다 현재 폴더에-->
tip 이미지가 깨지는것은 무조건 경로가 잘못된것이다. 깨진이미지 브라우저상 마우스우클릭 등록정보에서 경로 확인후 경로맞는지 확인한다.
alt = alternate Text : 대체 텍스트 -> 이미지가 깨질경우 이미지 대신에 보여주는 텍스트
title = 풍선 도움말 어디서든 가능하다
XHTML 1.0 -> img 태그는 src와 alt속성은 필수 속성(생략 x)
픽셀 표현할수 있는 최소한의 점
가로 세로로 점은 단색으로 표현 가능한것
종횡비가 유지됨
