*HTML 문서 구성
- <head> : 검색엔진들이 문서를 찾으러 올때 제일먼저 head로 옴. css, js파일 연결할때 적어줌.
<meta> : 기능을 할 수 있는 정보를 가짐. 검색엔진에서 사이트 검색할 때 참고함. (검색엔진에 따라 참고하는 정보가 달라진다.)
<body> : 실제 출력부분.
<html lang="kr"> : 어던 언어로 쓰여진 웹페이지 인지 알려줌. 써치할 때 중요하다. 이 언어로 소리내어 읽어준다고 한다.
- 자바는 할때마다 ctrl+11 해서 컴파일 해야되지만 web은 서버가 돌아갈 필요가 없으므로 F5로 새로고침만 하면 된다.
-<!DOCTYPE html> : 웹표준으로 작성된 문서임을 정의
**태그를 배워보자**
- 띄어쓰기 : 특수문자 사용.
- <hr> =<hr> //웹에서 <hr>표현할때 사용함.
- &nbsp; = //웹에서   표현할때 사용.
- <blockquote> : 화면낭독기에서 다르게 인식이 됨. 인용문에 쓰이고, 들여쓰기가 적용됨.
- <strong> : 텍스트굵게, 화면낭독기에서 강조해서 읽어줌. 웹접근성에 쓰임.
<b> : 단순히 텍스트만 굵게.
- <em> : 텍스트 기울임(화면 낭독기)
<i> : 텍스트 기울임
- <u> : 텍스트 밑줄
<s> : 텍스트 취소선
- <abbr> : 마우스 포인터 올리면 풍선 도움말 나옴. title 속성값 사용.
형식 : <시작태그 속성="속성값">표시할 내용</종료태그>
<abbr title="browser">브라우저</abbr>
-<code>
: 블로그 운영 등에서 프로그래밍 소스 올릴 때 text형식으로 보여준다. 일반적으로는 html 형식으로 쓴다. text형식으로 쓰면 코딩할 때 그대로 긁어서 가니까 바로 사용이 가능하다. 일반적으로 작성한 것은 html 형식으로 가져오니까 html 언어가 묻어오는 경우가 발생한다.
형식 : <code>System.out.println("짧은 코드 조각");</code>
-<small> : css 사용하지 않고 단순히 글자크기를 작게 표시하고 싶을 때
- <sub> : 아래첨자 표시, H<sub>2</sub>O = H2O
<sup> : 윗첨자 표시, 2<sup>10</sup> = 210
*웹표준이 왜 있어야 하는가?
-예전 : 그림을 버튼으로 사용함.
-현재 : 장애인들도 사용 가능하도록 맞춤. 하단 오른쪽. 설명을 읽어주거나 하는 기능을 함. (웹접근성)
'자바스프링웹공부(2024) > HTML, CSS' 카테고리의 다른 글
| 2024.08.21. HTML - input 타입속성 (0) | 2024.08.22 |
|---|---|
| 2024.08.14. HTML - form 태그 (0) | 2024.08.18 |
| 2024.08.09. HTML - form 1 (0) | 2024.08.09 |
| 2024.08.09. HTML - 비디오태그, 오디오태그, a 태그 (0) | 2024.08.09 |
| 2024.08.02 HTML - 목록 태그, 테이블 태그 (0) | 2024.08.02 |
