HTML
글자 관련 태그
<!DOCTYPE html>
<!-- ctrl + / 마크업용 주석 -->
<!-- !DOCTYPE (Document Type(문서 형식)) : 현재 문서 형식 지정 -->
<html lang="ko">
<!-- html태그 : html 문서의 내용을 정의하는 태그(이 안에 HTML 코드 작성) -->
<head>
<!-- head 태그 : html 문서를 정의하는 태그
문서의 제목, 스타일 시트(css), 스크립트(js), 메타데이터(문서의 일반적 정보)
-->
<meta charset="UTF-8">
<!-- 현재 문서의 문자 형식이 UTF-8로 되어있음을 선언 -->
<title>01_글자관련태그!!!</title>
</head>
<body>
<!-- body 태그 : 화면에 보여질 html 문서의 내용을 정의하는 태그 -->
<h1> ~ <h6>제목을 입력할 때 사용하는 태그
1~6까지 6단계의 폰트 크기가 지정되어 있음.
- 해당 태그는 시작부터 종료까지가 하나의 문단의 됨.
== 종료 태그 이후 줄바꿈이 일어난다.
- hr 태그: 가로줄 긋기 태그
- HTML 문서에서 연속으로 띄어쓰기 / 엔터
: 띄어쓰기 한칸- br 태그 : 줄바꿈
- p, pre 태그
- p 태그 :
- 글을 작성하는 용도의 태그
- 종료 시 줄바꿈
- pre 태그 :
- 글을 작성하는 용도의 태그
- 시작, 종료 태그 사이에 작성된 문자열의 형식을 그대로 출력함
- b 태그 : 단순히 글자를 굵게 표시하는 태그
- strong 태그 : 글자를 강조하는 태그 (웹접근성)
웹 접근성
일반인 뿐만 아니라, 장애인, 고령자들을 위해
웹사이트에서 제공하는 서비스를 모두 이용할 수 있도록 보장하는 것
(의무사항)
웹접근성을 위해서 사용되는 기술 : 스크린 리더
- i 태그: 단순히 글자를 기울이는 태그
- em 태그 : 글자를 강조하는 태그 (웹접근성)
- mark 태그: 형광펜 효과를 나타내는 태그
- u 태그 : 밑줄을 긋는 태그
- s 태그: 취소선을 긋는 태그
- del 태그
- small 태그 : 글자를 작게
- sup 태그(윗첨자) : x2
- sub 태그(아랫첨자) : log10
- abbr (abbreviation 약어) 태그 : 마우스 오버 시 툴팁 출력 태그
개발자준비생