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> : 설명작성하는 곳
'study > HTML5' 카테고리의 다른 글
3_html_(폼관련태그) (0) | 2019.12.13 |
---|---|
2_html_(각종 태그들) (0) | 2019.12.12 |