1. HTML
- HT : Hypter Text
문서와 문거가 링크로 연결되어 있는- M : Mark up
태그로 이루어져 있는- L : Language
언어
HTML은 따로 툴 없이 메모장같은 문서 프로그램으로 사용할 수 있습니다. 그럼 시작해볼까요?
메모장을 켜서 문자를 입력합니다. 그러고 나서 파일에서 저장을 누르시면 됩니다.
저는 바탕화면에 저장을 할 건데, 파일이름은 아무렇게나 하시고 .html로 확장자를 바꾸시고 파일 형식은 모든 파일로 지정하면 됩니다. 인코딩 UTF-8f로 하고요.
자 그럼 저의 바탕화면에 hello.html이란 파일이 생겼습니다. 그럼 한 번 클릭해볼까요?
그럼 웹페이지에 이렇게 메모장에 문자가 그대로 옮겨간 것을 확인할 수 있습니다!
그런데
여기서 좀 더 다양한 기능을 사용하고 싶은 생각이 들지 않나요?
그래서 저는 여기서 줄바꿈과 글자 크기 번호 매기기를 한 번 해보겠습니다.
일단 그 전에 간단한 목록 정의 태그를 알아봅시다.
2. 목록 정의 태그
- <ol>,<ul> 태그는 목록의 범위를 명시한다.
- <ol> 태그 -> 순서 있는 목록(OrderList), 포함하는 항목 앞에 일련번호 표시
- <ul> 태그 -> 순서 없는 목록(UnOrderList), 포함하는 항목 앞에 아이콘 표시
- <li> -> 각 항목을 명시하며, 원하는 수 만큼 반복 가능
- <hr/> -> 직선을 표시하는 태그위의 정보를 숙지해서 간단히 실습을 진행해보겠습니다.
제가 원하는 것은 바로 위의 사진처럼 만드는 것인데요.
일단 제가 쓴 '안녕 안녕 HTML'의 글자 크기를 줄인 것을 아래에 출력하고 선을 그은 다음, 자바,DBMS,HTML의 목록을 순서없이 작성하는 것과 번호순대로 작성하는 것입니다.
제가 위의 결과를 출력하기 위해 작성한 메모장입니다.
