2022. 3. 10. 15:53ㆍ개발 달리기/FrontEnd 개발달리기
HTML 정의
1. Hyper Text Mark-up Language 는 웹페이지의 모습을 표시되도록 설계된 문서의 표준 마크업 언어이다.
* 마크업언어
- 어느정도 태그들로 이루어진 구조적으로 작성된 언어 아래와 같이
<!DOCTYPE html> -> DOC type 관습적으로 달아줌
<html>
<head> -> 구글에서 검색할때 나오는 타이틀, 부가설명, 제목, 북마크 아이콘등이 정의,
->css 파일이 있다면 연결하는 부분
<meta charset="utf-8"> -> 여기서 사용하는 글자의 포맷은 utf-8 로 사용할거다~
<meta name="viewport" content="width=device-width"> -> 디바이스 스크린에 너비를 다사용한다~
<title>JS Bin</title> -> 제목은 JS Bin 이다~
</head>
<body> -> 사용자한테 보여주는 부분 container
</body>
</html>
2. 어떻게 마크업 언어를 통해 왼쪽과 같이 적용하면 Output 에서 와 같이 표기되는걸가?
답 : w3c -> 웹에 표준안을 추진하는 곳
html 5 에서 이런이런 부분이 있어 라고하면 ->
크롬, 파이어폭스, 사파리 엣지등 브라우저 개발사에서 표현되겟지 하고 믿고 쓰는거임
정리 :
1. html 은 브라우저에서 실행 가능한 파일이고
2. html 은 마크업 언어로 구조적으로 태그로 구성되어있으며
3. html 상위 태그에는 head 는 상세 설명 body 는 사용자에게 보여지는 태그들로 이루어져 있다~ 라고 이해하자.
질문 : 근데 나는 태그 1도 모르는데 저런 태그들은 어디서 확인함?
답 : https://developer.mozilla.org/ko/ -> 전세계 웹개발자들이 여기서 많이 확인하고 예제를 통해서 배우는걸 추천
다음시간 -> HTML elements reference
'개발 달리기 > FrontEnd 개발달리기' 카테고리의 다른 글
| FrontEnd 공부 6일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 ) (0) | 2022.03.11 |
|---|---|
| FrontEnd 공부 5일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 ) (0) | 2022.03.11 |
| FrontEnd 공부 4일차 - HTML 자주 사용하는 elements 사용하기 ( 개인 스터디 ) (0) | 2022.03.11 |
| FrontEnd 공부 3일차 - HTML 만들기 ( 개인 스터디 ) (0) | 2022.03.11 |
| FrontEnd 공부 2일차 - HTML elements reference ( 개인 스터디 ) (0) | 2022.03.10 |