반응형
Doctype
- Html은 여러 버전이 존재하므로 Doctype을 명시해야 한다.
- 기존 Doctype 은 매우 길고 복잡한 DTD를 명시해야 했었다.
- HTML5부터는 짧아졌다.
- <!DOCTYPE html>
HTML 작성 규칙
- HTML의 마크업 명령은 "요소"라 부른다.
- HTML은 대소문자를 구분하지 않는다.
- 요소는 콘텐츠와 구분을 위해서 꺽쇠로 둘러싼다. - 태그
<p> , <a> ,<dib> 태그!!!
시작태그 마침태그
<p> </p>
마침태그 없이 단독으로 사용되는 요소
<br>, <img>, <meta>
요소의 속성은 속성명 = "속성값" 형식으로 기술한다.
<img src="img/logo.jpg" alt="Company Logo">
HTML의 구조
<!Doctype html>
<html>
<head>
</head>
<body>
</body>
</html>맨처음 Doctype은 html이다라를 명시해주고
html 요소를 연다 당연히 /html 짝이잇다.
head에는와 body안에도 각각 설정을 한다.
타이틀 지정
- HTML 파일의 제목으로 웹 브라우저 타이틀에 나타난다.
- <title> 웹 페이지 조목</title>
문자 인코딩
- 사용하는 텍스트 에디터의 문자 인코딩과HTML의 문자 인코딩과 동일해야 웹 브라우저에서 옳바르게 표시된다.
- 유니코드인 UTF-8로 지정한다.
메타데이터
- 메타데이터를 기술 하면 웹 검색에 유리하다.
- HTML에 대한 정보를 기록할 수 있다.
- 메타데이터 기술 방법
<meta name="description"content="HTML5와 Javascript 학습콘텐츠">
<meta name="keywords" content="HTML5, CSS, JavaScript">
<meta name="author"content="Lee HaeBum">
<meta name=”copyright” content=”©2012 Lee HaeBum”>
<meta name=”reply-to” content=gomtomi@imacca.com>
<meta name=”date” content=”2012-05-30T12:35:20+09:00”>외부 파일 연결
- HTML과 함께 사용되는 CSS와 자바스크립트는 다른 파일로 분리함이 원칙이다.
- 외부 CSS 파일 연결 <link rel = "stylesheet" href="css/style.css">
- 외부 자바스크립트 파일 연결 <script src="js/script.js"></script>
반응형
'개인공부' 카테고리의 다른 글
| GIT 시작하기(버전관리의 본질) (0) | 2020.03.13 |
|---|---|
| HTML 태그 정보 (0) | 2020.03.10 |
| HTML5 개념 (0) | 2020.03.09 |
| GIT ( git의 원리) (0) | 2020.03.04 |
| GIT 배우기 (0) | 2020.01.17 |
