구글에 들어가서 '브라켓'이라는걸 다운받아서 집에서도 실습 가능
브라켓은 저장할때 .html을 붙이지 않으면 일반적인 메모장 문서를 인식하니 .html을 붙인다.
* 지금 배우는건 html 5 다.
첫 시작을 할때는 <!doctype html> : html은 다른것으로 대체가 가능하다
전 세계용으로 지원을 할때는 <html lang="ko">
즉 lang="원하는 국가" << 이런식으로 적어 넣으면 된다.
<meta charse="utf-8"> : 이게 들어가지 않으면 글자가 나오지 않는다.
utf-8 << 다국어 지원
<head> <<여는거 ㅣ </head> <<닫는거
/ : 이게 들어가면 tag가 닫히는거임
html에서는 head랑 body가 나뉘어져잇음
<h> 이걸 헤딩태그라고 부름
줄바꿈을 하려면 <br> 을 써야한다.
<p> 태그를 사용하면 <br>과 달리 줄 자체가 아예 한칸 띄워짐 문단을 닫을때는 </p> <<즉 문단나누고 닫는 태그당
<img src="http://placehold.it/400x300" alt="">
400x300은 원하는 사이즈로 수정하면 된다. alt=""는 이미지가 엑박으로 뜰때 설명하는거
alt="" 꼭 있어야한당 웹디 시험때 없으면 감점! 링크를 걸을때 꼭 필요하당
경로, 확장자명을 틀리지 않게 유의한다.
폴더명이나 파일의 이름은 영문과 언더바(_)와 숫자를 이용해 작성해야한다.
예시 <img src="파일명1/파일명2/그림이름.확장자명" alt="">
<!--<img src="http://placehold.it/400x300" alt="">-->
<!--<어쩌구저쩌구 태그들>-->
주석처리를 하면 웹페이지 자체에서 보이지 않는다
ctrl + / : 행 주석처리
ctrl + shift + / : 블록 주석처리
<a href="http://naver.com">네이버</a>
<a>는 </a>의 사이에 있는 문자에 링크를 연결해줄때 사용한다.
이미지에 링크를 연결시켜줄때
<a herf="원하는곳 링크 주소(파일도 괜찮고 인터넷 주소도 괜찮음)"> <img src="원하는 이미지 주소" alt=""></a>
이렇게 하면 된다!
<font color="#원하는 6자리 색상 코드></font>
<font size="1~7의 크기가 있다"></font>
<font face="원하는 서체"></font>
한번에 여러개를 적용 하고 싶으면 <font size="" color="" face=""></font> 이런식으로 하면 된다.
<div align="center">
정렬하는거! center left right << 이런식으로 하면 됨
실습_180320.html