코코아 클론 Day 3
<!DOCTYPE html>
<html>
<head>
<title> Welcome to my website!! </title>
</head>
<body>
<h1>
It's h1
</h1>
</body>
</html>
- html 문서는 항상
<!DOCTYPE html>
로 시작해야한다. - html 안에는 head와 body가 있다.
- head안에는 meta태그가 있다.
<link rel="shortcut icon" sizes="16x16 32x32 64x64" href="/m.png">
탭에서 웹사이트 제목 옆 아이콘 지정
<title>노마드 코더 Nomad Coders – Clone Startups. Learn to Code.</title>
웹사이트의 title지정
<meta name="description" content="코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요!">
meta 태그의 description attribute
<meta property="og:image" content="https://d1telmomo28umc.cloudfront.net/media/seo/home2.jpg">
카카오톡에서 공유될 때 썸네일 사진 지정
- tip: html tag검색시 mdn사용하는 것이 좋다.
<p>
you can use <abbr title="it's title">abbr title</abbr>
blaabla <abbr title="it's title">HTML</abbr>.
</p>
abbr 태그: 커서를 갖다대면 title attribute 를 보여준다.
- id는 고유식별자로서 태그 한개당 한개만 가능하고 전체 코드에서 고유한 값을 가져야 한다. (css에서 특정 지점을 찾아줄 때 쓰인다.)
Non semantic tag
ex) div, span(짧은 문장에 쓰이는 태그)
Semantic tag
ex) header, main, footer,
semantic tag는 content를 구분해주는 태그로서, 깔끔한 코드작성에서 매우 중요하다.
Author And Source
이 문제에 관하여(코코아 클론 Day 3), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ann9902/코코아-클론-Day-3저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)