생활코딩이라는 유용한 사이트를 통해 웹 만들기 스터디를 시작했다. 현재 정보처리기사 실기, 파이썬, 웹 이렇게 세 가지의 방향으로 공부를 진행하고 있다. 일상에서 언급했던 것과 같이 내 시간표는 그렇게 움직인다. 앞으로 이 카테고리에서는 공부했던 웹의 내용을 잊지 않고 기억하기 위해 기록할 것이다.
- title : 웹 브라우저의 태그 이름을 바꿔주는 것
예시)<title> WEB1 - html </title>
결괏값) title 명이 WEB1 - html로 변경된다.
간혹 영어가 아닌 문자로 웹 페이지를 작성하면 문자가 깨지는 경우가 발생한다. 이는 웹 페이지를 저장하는 방식과 열 때 방식이 일치하지 않기 때문인데, 이를 해결하는 방법은 아래와 같다.
<title> WEB1 - html </title>
<meta charset="utf-8"> utf-8 형식으로 작성된 웹이니 utf-8형식으로 파일을 열어라.라는 뜻.
- head : 본문을 설명하는 태그
- body : 본문 태그
예시)
<head>
<title> WEB1 - html </title>
<meta charset="utf-8">
</head>
<body>
<ol>
<li> content 1 </li>
<li> content 2 </li>
<li> content 3 </li>
</ol>
- html : 웹을 만드는데 하나의 약속으로써 body와 head를 감싸는 태그
- !DOCTYPE html : 웹 페이지가 HTML로 만들어졌다는 것을 표현하기 위해 문서의 시작에 입력해주는 코드
'Web' 카테고리의 다른 글
| 생활코딩 웹 제작 스터디 [WEB1 - HTML & Internet] - 웹 호스팅 , 웹 서버 운영 (0) | 2020.07.10 |
|---|---|
| 생활코딩 웹 제작 스터디 [WEB1 - HTML & Internet] - 웹 왕국의 제왕 (0) | 2020.07.10 |
| 생활코딩 웹 제작 스터디 [WEB1 - HTML & Internet] - 태그간의 관계(Parent, Child) (0) | 2020.07.09 |
| 생활코딩 웹 제작 스터디 [WEB1 - HTML & Internet] - 속성(Attribute) (0) | 2020.07.09 |
| 생활코딩 웹 제작 스터디 [WEB1 - HTML & Internet] - 태그(Tag) (0) | 2020.07.08 |