본문 바로가기

Programming/HTML

웹의 시작 안녕하세요 M1S Secur 입니다.우선 잘리기전에 글하나 쓰도록 하겠습니다 :D 현재 웹표준으로 쓰이는건 HTML5. 들어 보셨는지요?HTML은 초반부터 시작하여 점점 발전해 오고 있습니다.그리고 HTML5로 진화하면서 일부 표준 명령어가 삭제되고, 추가되고, 변경되왔습니다. 위와 같은문을 보신적 있으실거라 생각합니다. 네, 그렇습니다. HTML5를 사용하겠다는 선언입니다.아래 표는 HTML5의 태그들을 정리해 놓은 표 입니다. 종류 태그이름표시형태설명HTML구조태그block문서형태none문서자체none문서머리none문서제목none문서 추가 정보block문서 본문파일태그none외부파일을 추가함none스타일시트none스크립트공간태그blockblock형식의 공간inlineinline형식의 공간시멘틱 구조 .. 더보기
[6]HTML 여섯번째 문서연결 태그!! 안녕하세요. M1S Secur 입니다. 오늘은 문서연결 태그에대해 알아볼건데요. 문서연결태그란 말그대로 문서를 서로 연결하는 태를 뜻합니다. 그럼 본격적으로 문서연결태그로 들어가볼까요? 웹문서에서 하이퍼링크란 윈도우의 도움말에서 사용하는 것과 동일한 문서 형태로 문서 안에 있는 특정 문자열이나 이미지를 마우스를 클릭했을 때 관련된 다른 문서를 연결해주는 것을 말합니다. 문서연결 태그란 하이퍼링크를 실행시키는 태그이며 태그를 말합니다. 태그는 "Anchor(닻)"의 약자를 의미하며 태그 사이의 문자들은 다른 일반 자와 색깔이 다르며, 보통 밑줄이 그어져 있습니다. 또한 마우스 포인터를 그 문자위에 갖다 놓으면 손 모양의 아이콘으로 바뀝니다. 하이퍼 링크에 적용할수있는 형식은 내 홈페이지에서 다른 홈페이지로.. 더보기
[5] HTML 목록만들기 태그 안녕하세요. M1S Secur입니다. 오늘은 목록만들기 태그에대해 설명해보겠습니다. LI 태그 LI 태그는 List의미로서 로 표시하며 목록을 적을 때 사용한다. 이러한 LI 태그는 종료태그없이 단독 태그로 사용하며 조그만 동그라미나 세모같은 아이콘을 보여준다. UL태그 type 속성는 Unordered List의 의미로서 순서가 없는 목록을 작성할때 사용하는 태그이다. UL 태그에는 type 속성이 포함될 수 있으며, type 속성을 사용하여 불릿 기호로 목록을 표시한다. type 속성을 지정하지 않으면 Default type 속성인 ● 으로 목록을 나타낸다. UL 태그 사용방법은 다음과 같다. -...............로 표시 OL태그 OL태그는 Ordered List의 의미로서 순서있는 목록을 .. 더보기
[4]HTML 문서 레이아웃 태그 M1S Secur 입니다. 오늘은 HTML의 문서 레이아웃 태그에대해 정리해보겠습니다. 문서 레이아웃태그가 필요한이유는 HTML문서에서는 공백이나 줄 바꿈등을 인식하지 못하기때문에 공백이나 줄 바꿈을 표현하기 위해서는 문서 레이아웃 태그가 필요합니다. ①BR 태그 BR태그는 HTML에서 매우 많이 사용하는 태그중의 하나이며 여기서, BR은 Line Break(줄바꿈)의 의미를 나타낸다. 즉 BR태그는 문장의 줄을 바꾸고자 할떄 문장 끝에 표시로 표시하며 저에 설명했던 일부태그들처럼 단독태그로써 종료 태그 없이 쓰인다. ②P 태그 P 태그는 Paragraph(문단 구분)의 의미로써 줄 바꿈과 동시에 한줄 띄게 할때 사용하며 문장 끝이 로 표시한다. P 태그는 태그와 마찬가지로 단독 태그로써 종료태그 없이 .. 더보기
[3]HTML 글자관련태그 2 안녕하세요. M1S Secur 입니다. 오늘은 저번에 하다가 완전히 마치지못햇던 글자관련태그를 끝까지 마치도록 하겠습니다. (1)글자모양 태그 ①DFN 태그 -DFN 태그는 Definition(단어 정의체)의 의미로서 특히 용어의 Full Name을 나타낼때 사용하며, ...으로 표시합니다. -DFN 태그를 사용한경우에는 글자의 모양이 옆으로 기울어진형태로 출력이됩니다. ②CITE(인용체) 태그 -CITE 태그는 글자모양을 약간 기울어진 형태의 인용체로 나타낼때 사용하며, ...로 표시한다. ③CODE(프로그램 코드체) 태그 -CODE 태그는 프로그램 코드(내용)을 나타낼때 주로 사용하는 태그로서 ...로 표시한다. -코드를 표시한다는것은 쉽게말해 프로그래밍의 변수나 그런걸 출력할때 사용하는 태그입니다... 더보기
[2]HTML강의 두번째 문자관련태그 안녕하세요. 시로입니다. 오늘은 문자관련태그에 대해 강의를 할건데요 여기서 문자관련태그란? 글자의 크기및 글꼴을 지정하는 태그를 말합니다. 그럼 강의 시작하겠습니다. ①H 태그(H tag) H 태그는 Heading(문서 제목)의 의미로서 ................로 표시합니다. 여기서 Hn에서의 n 은 숫자 Number을 약자로쓴것으로 실제로 H태그를 사용할때는 Hn그대로 넣는것이아니라 n을 숫자로 변형해서 사용해야합니다. H태그에서의 숫자는 1에서 6까지를 사용할수있습니다. 이때 1이 가장 큰 글자이며 6이 가장 작은 글자로 표시됨을 의미합니다. ----------------------------------------- EX) .... .... .... .... .... .... ----------.. 더보기
[1]HTML의 정의와 기본문법 안녕하세요 M1S 시큐어입니다 HTML의 기본개념 HTML이란? HTML은 Hyper Text Makeup Language의 약자로서, HTML은 하나의 언어입니다.TML이 Hyper Text Markup Language라고도 나와있는데요. 여기서 Markup의 뜻은 활자혹은 언어라는 뜻으로 쓰이기때문에 둘다 맞는표현입니다. HTML은 하이퍼텍스트를 만들기 위한 언어로서 HTML 문법에 맞추어서 확장자를 html(htm)으로 저장하면 HTML문서가 됩니다. 여기서 하이퍼텍스트(Hyper Text)란 어떤 형태를 가지고 있고 거기에 부가적인 기능을 할 수 있는 문서를 말하며, 이러한 부가적인 기능들로는 문서의 일정 부분이 문서의 다른 부분으로 연결이 되도록 하거나 또는 문서의 일부분에서 다른 부분으로 쉽게.. 더보기