image
<img />
</img>없는 self-closing tag
src ; source
src="이미지의 주소"
인터넷에 올라와있는 사진, 컴퓨터내의 사진
logo.jpg 확장자까지 정확히 적어줘야함
같은폴더내 - 제목만 적어도 된다
다른위치 - 위치를 적어줘야함 folder/file_name
페이지 구성하기
<!DOCTYPE html>//html 문서임을 알려줌
<html>
<head>
웹사이트의 환경설정/외부로 보이지는 않음
</head>
<body>
내용 구성
</body>
</html>
<head>
페이지내에서는 안보임
보이는 내용은 모두 body 태그 안에 있어야함
브라우저에게 정보를 알려주는 용도
title
meta ; 부가정보
<meta name="description" content="My website" />
content
name
<charset="utf-8"> 사용하는 언어 깨지지 않도록
*<html lang="kr">사이트에 사용되는 언어를 알려줌, 검색에 도움, 주로 kr사용함
*html, css 구글에 검색시 mdn 같이 검색할것
mozilla developer network 으로 연결됨-자세한설명
<body>
<form>
<input>
*attribute 값에는 공백 허용 안됨, first-name
*body 에 쓸 수 있는 모든 tag에는 id를 부여할 수 있다. 한 태그당 하나씩만 가능하다. -> CSS에서 사용하기 때문
<div></div> 박스로 영역을 구분함-상하배치,의미없음
semantic tag(의미있는 태그들을 사용할것)<->generic
<header></header> 사이트의 header임을 명시함=<div id="header">
<main></main>
<p></p>는 문단별 상하여백있음
<footer>꼬릿말
*사람이 눈으로 파악하기 쉽도록 내용을 알 수 있는 태그를 사용하는 것이 좋다.
<span> 짧은 문장 generic
<p>문단
**html 태그를 전부 외우려 하지 말자
필요할 때마다 구글링(html tag mdn)해서 찾아서 쓰는 것
못 외운다고 나쁜 프로그래머가 되고 잘 외운다고 해서 좋은 프로그래머가 되는 것이 아니니
please!! 외운다고 시간 버리지 말 것!
'TIL' 카테고리의 다른 글
| 2020.09.08 (0) | 2020.09.09 |
|---|---|
| 2020.09.07 (0) | 2020.09.08 |
| 2020.09.04 (0) | 2020.09.04 |
| 2020.09.02 (0) | 2020.09.03 |
| 2020.09.01 (0) | 2020.09.02 |