1_html_(기본,글자,목록태그)

html5 : 뼈대

css3 : 스타일

Javascript : 동적

jQuery : 보안성 활용성 업(자바스크립트 라이브러리)

BootStrap : 틀(프레임워크)

@@@HTML 기본@@@

특징 :
★ 구조적 설계 지원
- 그래픽 및 멀티미디어 기능 강화
- CSS3 및 Javascript 지원
★ 다양한 API 제공
- 모바일 웹 지원 및 장치 접근 가능(배터리정보,카메라,GPS등)
- 웹 브라우저가 서버와 양방향 통신가능
- 인터넷이 연결되지 않아도 애플리케이션동작

주의 사항
- 태그는 대소문자를 구문하지 않으나 소문자 권장
- 시작태그로 시작하면 반드시 종료태그로 종료
- 파일확장자는 반드시 html 또는 htm으로 설정
★ 문자의 공백은 몇개를 입력하든 한개만 인식하므로
공백을 추가하기 위해서 특수기호  를 이용해야 함

 

1. 글자 관련 태그

<hn> : 제목을 입력하는 태그

<hr> : 줄을 바꾸면서 수평선을 삽입하는 태그

<br> : 줄바꿈 태그

<p> : 단락을 구분하는 태그

-> 문단 영역을 나누는 태그이지만 연속된 공백문자 입력 시 하나의 공백만 표시하며 줄바꿈 입력을

별도의 태그를 지정해야함

<pre> : 여러칸 띄어쓰기, 줄바꿈 등 입력한 내용을 그대로 표현하는 태그

<b> : 단순히 글자를 굵게 표시하는 태그

<strong> : 글자를 강조하는 태그(웹 접근성)

<i> : 단순히 글자를 기울이는 태그

<em> : 글자를 강조하는 태그(웹 접근성)

<blockquote> : 인용문구를 나타내는 태그

-> cite 속성 : 인용된 사이트 주소를 작성, 직접 노출은 되지 않지만, 검색엔진에는 노출됨

<mark> : 형광펜 효과를 나타내는 태그

<u> : 글자에 밑줄을 긋는 태그

<small> : 글자를 작게 표시하는 태그

<sup> : 윗첨자를 나타내는 태그

<sub> : 아래첨자를 나타내는 태그

<s> : 글자에 취소선을 넣는 태그

<abbr> : 마우스 오버 시 툴팁 형태로 출력하게 만들어주는 태그

<kbd> : 키보드 같은 사용자 입력 내용을 표시만 해주는 태그

--------------------------------------------------------------------------------------------------------

2. 목록 관련 태그

<ul> : 순서 없는 목록 태그 (unorder line)

<li> : 목록 요소 등록 태그

<ol> : 순서가 있는 목록 태그 (order line)

@type 속성 : 순서의 타입을 설정하는 속성

- (기본값) : 정수 1부터 증가

- a : 알파벳 소문자

- A : 알파벳 대문자

- i : 로마 숫자 소문자

- I : 로마 숫자 대문자

- <ol type="1" start="5"> : 기본값 5부터 시작

- <ol reversed> : 역순으로 항목 표시

<dl> : 정의 목록 태그

<dt> : 제목 작성하는 곳

<dd> : 설명작성하는 곳