HTML (1)

DeadWhale·2022년 4월 18일

KH정보교육원 html

HTML5

인터넷

모든 컴퓨터간 프로토콜을 이용하여 통신하는 것

웹

인터넷으로 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간
팀 버너스리가 하이퍼링크를 포함하는 문서의 개념 제안
월드 와이드 웹 (www) 개발 / 배포

웹 표준

모든 브라우저에서 웹 서비스가 정상적으로 보여질 수 있도록 하는 것

처리과정

HTTP (Hyper Text Transfer Protocol )

웹에 정보를 표현할 목적으로 만든 마크업 언어
웹 브라우저에게 보일 '문자열'과 이를 감싸는 해석기호인 태그들로 이루어진다

HTTP 5 특징

구조적 설계 지원(시멘틱)
그래픽 및 멀티미디어 기능 강화
ccs3 및 js 지원
다양한 API 제공
모바일 웹 지원 및 장치 접근 가능(배터리 정보, 카메라 ,gps)
웹 브라우저가 서버와 양뱡향 통신 가능
인터넷이 연결되지 않은 상태에서도 어플리케이션 동작

태그 , 요소

글자 관련 태그

h1 / h2/ h3/ h4/ h5 /h6 태그

제목을 입력할때 사용되는 태그
h 뒤의 숫자는 크기를 의미한다 ( 낮을 수록 글자 크기가 큼)

p태그

글을 작성하는 용도의 태그 종료시 줄바꿈
pre태그
p와 동일하지만 시작과 끝 사이에 작성된 문자열의 포멧 그대로 출력한다

기타 태그들

Strong 태그 :
- 글자를 굵게하는 태그 (웹접근성)
em 태그
- 글자를 기울이는 태그(웹접근성)
mark 태그
- 형광 효과를 주는 태그
u 태그
- 밑줄을 긋는 태그
s 태그
- 글자 중간에 선을 긋는 태그
small 태그
- 글자를 작게 하는 태그
sup : 위 첨자
sub : 아래 첨자
abbr 태그
- 마우스 오버시 툴팁 출력하는 태그

목록 관련 태그

목차 출력을 위한 기능
ul
- 순서가 없는 목록들을 작성하는 태그
ol
- 순서가 있는 목록들을 작성하는 태그
li
- 목록안에서 각각의 요소 역할을 하는 태그
감싸는 태그( ol ) 의 옵션에 start 옵션을 추가해 원하는 표기법을 만들 수 있다

            기본 값 : 1 부터 1씩 증가하는 숫자
            
            ol태그의 type 속성 * 
            type ="a" -->영어 소문자 순서
            type ="A" -->영어 대문자 순서
            type ="i" -->로마 소문자 순서
            type ="I" -->로마 대문자 순서
            
            +추가 속성
            start ="5"->  순서 5부터 시작
            reversed  ->  순서 반대로

표 관련 태그 (테이블)

table