HTML개요 및 기초
요즘(?) 많이들 관심을 갖고 본원에도 많은 분들이 물어보시는부분이 바로
HTML입니다.
딱히 HTML를 물어보러 오시는것은 아니지만,
일산에 사시는 분들은 온라인사업을 하시거나 예정하시고,
사이트구축에 관심있는분들이 많으시더라구요...
오시면 늘 이 HTML에 대해서 먼저 말씀드리곤 합니다.
그래서 오늘부터는 HTML에 대해서도 하나하나 포스팅을 하려고 합니다.
*HTML
- HyperText Markup Language
(영어라 먼말인진 모르겠지만...ㅋ)
-WWW상의 문서를 기술하기 위한 언어로 플랫폼에 관계없이 사용가능한
하이퍼텍스트 문서를 만들수 있는 마크업 언어
-마크업(Markup) 언어란?
:일반 텍스트 문서에 <>로 둘러 쌓인 약속된 태그(tag)를 붙여
특수한 기능을 웹 브라우저에 인신하여 실핼 할 수 있도록 해주는 기능을 하는 언어
ex) <B>굵은 글씨체</B> -> 굵은 글씨체
아무 사이트나 들어가서 마우스 오른쪽을 눌러서 '페이지 소스보기'를 누르면
알아듣지도 못하는 영어들이 막 나온다...이게 바로 HTML이다...
이걸 알아야 홈페이지(?)를 만들수 있는거겠죠!!
*HTML문서의 기본구조
-HTML 문서는 일반적으로 머리말(header)과 본문(body)의 두부분으로 나뉜다.
<HTML> <head> 머리말 (제목) </head> <body> 웹 페이지의 본문 </body> </HTML>
|
*HTML의 구성요소
-텍스트(text)
:웹 문서의 본문에 해당
:사용자가 웹 문서를 읽을때, 화면에 나타나는 텍스트 그자체
-테그(tag)
:텍스트에 속성/기능을 부여하기 위해 문서 중간중간 붙여주는 일종의 꼬리표
:일반적으로 '<' 와 '>'로 둘러 싸여 표기함 (ex. <html>, <body>)
-스크립트(script) 홈페이지에서 팝업창 띄우거나 할땐 요걸 써용! 이건 나중에 다시...
:간단한 명령어 집합
:동적인 웹문서 작성이 가능
:Javascript
*HTML 편집기
:HTML를 작성(?), 편집할때 어떤 프로그램(?)을 쓰느냐???
:메모장이나 editplus, 드림위버등의 프로그램을 많이들 쓴다.
*HTML 실습????
<html> <head> <title> 타이틀(제목) 타이틀끝</title> </head> <body> 안녕.... <br> <-할줄띄우기 실습중... </body> </html> |
위와 같이 html로 작업해서 저장후 결과를 보면 아래와 같이 나오게 된다.
안녕... 실습중... |
*태그 문서구조
-<HTML> ... </HTML>
:HTML 문서 형식으로 작성되었음을 표시
:모든 HTML문서는 <HTML> 로 시작해서 </HTML>로 끝남
-<head> ... </head>
:html 문서의 머리말에 해당됨.
:head에 사용되는 태크에는 ... <title> <link> <meta> <style>등이 있음.
-<title> ... </title>
:문서의 제목을 인터넷창 화면의 타이틀바에 표시
:보통 <head>...</head> 사이에 넣음
:즐겨찾기를 했을때 제목으로 사용됨.
벌써 시간이 이렇게 되었네요...
그 다음부터는...쫌 셨다가 올려야겠네요;ㅠㅋ
'이것만 알자!' 카테고리의 다른 글
| 캐드(2D/3D) 도면설계 업무 직원 모집 (0) | 2015.08.31 |
|---|---|
| 전산세무자격증(1급/2급) 시험정보 (0) | 2015.08.29 |
| 전산세무회계(회계와 세무의 차이점) (0) | 2015.08.28 |
| 더조은컴퓨터학원 일산캠퍼스 오픈 (0) | 2015.08.28 |
| [구인] 웹개발/모바일개발등 솔루션개발직 채용 (0) | 2015.08.28 |