안녕하세요. 행운공장 입니다.
이번 포스팅에서는 html의 <head>태그와, <title>태그에 대해서 알아보도록 하겠습니다.
2020/07/02 - [코딩] - html_html이란?
html_html이란?
안녕하세요. 행운공장 입니다. 이번 포스팅은 html에 대한 첫번째 포스팅입니다. 앞으로, 웹에 대한 기술을 배우는 대표적인 교육용 웹 사이트인 w3schools를 기반으로 포스팅을 이어갈 예정입니다.
hhwd.tistory.com
html_<!DOCTYPE html>,<html lang="ko">
html_,
안녕하세요. 행운공장 입니다. 이번 포스팅에서는 html 태그중에, 과 에 대해서 알아보겠습니다. 2020/07/02 - [코딩] - html_html이란? html_html이란? 안녕하세요. 행운공장 입니다. 이번 포스��
hhwd.tistory.com
<head>
● <head>태그는 <html>태그의 내부를 감싸고 있는, 첫번째 태그 입니다.
● 바로 위에 이미지처럼 반드시, <body>태그 위에 와야 합니다. 상식적으로 생각해볼때 머리가 있고, 몸통이 그 밑에 있는것을 떠올려 보면, 헷깔리지 않을것입니다.
● <head>태그로 열고, 닫는 태그로 </head>태그를 사용합니다.
● <head>태그 내부에는 <title>, <style>, <base>, <link>, <meta>, <script>, <noscript> 태그가 들어갑니다.
<title>
● <title>태그는 문서의 제목을 표현하는 태그입니다. 웹문서의 상단에 <title>에 표기된 내용이 보여집니다.
● <title>태그는 검색최적화 작업에 있어서, 매우 중요한 태그 입니다. 왜냐하면, 검색결과 페이지에서 첫번째 보여지는 요소이기 때문입니다. 그리고, 즐겨찾기의 항목에 보여지는 제목이기도 합니다.
● 검색엔진은 50~60자까지만, 검색결과에 표기하기때문에, 이것보다 길게 제목을 정하지 마세요.
● <title>태그는 html문서에 단, 1번만 사용합니다.
html 코딩 구조
<!DOCTYPE html>
<html lang="ko">
<head>
<title>문서 제목을 표기합니다. 검색결과에 제목이 첫번째로 나타납니다.</title>
</head>
<body>
<h1>큰글씨 제목</h1>
<p>문서 내용들을 표기합니다. HTML은 웹 페이지의 보여주게 해주는, 표준 마크 업 언어입니다. HTML을 사용하면 누구의 웹 사이트도 제작 가능합니다. 코딩을 하는 언어중에서 HTML은 비교적, 배우기 쉽습니다.</p>
</body>
</html>
html을 위에 예시를 보시고, 아래의 네모 공간에 한번 연습삼아, 작성해 보세요.
Quiz
1. 검색사이트의 검색결과에 첫번째로 나오는 태그는 무엇인가요?
정답을 확인 하려면, 아래 더보기를 클릭해 보세요.
<title>
2. <title>태그는 웹페이지의 어느 부분에 보여지나요?
정답을 확인 하려면, 아래 더보기를 클릭해 보세요.
맨 위에 보여집니다.
크롬기준으로 말하자면, 탭부분에 보여집니다.
3. <html>문서의 구조만 태그로 간단하게 적어보세요.
정답을 확인 하려면, 아래 더보기를 클릭해 보세요.
<html>
<head>
</head>
<body>
</body>
</html>
'코딩' 카테고리의 다른 글
| 코딩_인공지능 사진 인식_닮은 동물 찾기 (0) | 2020.08.07 |
|---|---|
| html_html에디터 (0) | 2020.07.29 |
| 스크래치_로또번호 반자동 게임_번호선택 (0) | 2020.07.22 |
| 스크래치_로또번호(반자동) 추출하기 게임 (0) | 2020.07.15 |
| html_<!DOCTYPE html>,<html lang="ko"> (0) | 2020.07.09 |
