html이란?

@욕심쟁이

2019. 12. 11. 12:08

html(hyper Text Markup Language) 이란 무엇일까?

- 웹에서 웹에 맞는 형식인 *.html(또는 *.html)로 문서를 저장해야 한다.

- 텍스트뿐만 아니라 이미지, 링크 등 여러 요소들을 다루고 표시 할 수 있어야한다.

- 웹에서 자유롭게 오갈수 있는 웹문서를 만드는 언어가 html

- 하이퍼텍스트(Hyper Text) : 웹사이트에서 일크를 클릭해 다른 문서나 사이트를 즉시 이동할수 있는 기능

- 마크업(mark up) : 태그(tag)를 사용해 문서에서 어느 부분이 제목이고 본문인지,

어느부분이 사진이고 링크인지 표시하는것을 말한다.

- 하이퍼텍스트 + 마크업 -> 웹에서 자유롭게 오고갈수있는 웹문서를 만드는 언어

- 꺽세를 항상 닫아준다.

- html문서(웹문서)는 파일 확장자가 *.html 또는 *.htm가 있다.

기본html 구조

<!DOCTYPE html>
<html>
  <head>
  	<title>제목</title>
  </head>
  <body>
    <h1>첫번째 제목</h1>
    <p>설명</p>
  </body>
</html>

- <!DOCTYPE html>을 선언해주며 <html></html>을 반드시 선언해준다.

- <html> 태그안에 <head></head>(머릿말), <body></body>(본문) 태그를 넣어준다.

- <head>태그 안에 반드시 <title></title>태그를 넣어준다.

시맨틱웹이란?

- div가아닌 자주사용하는 header, section, article등 을 태그로 만들어 사용

- 의미가 부여된 태그

SSAS 란?

//추후

왜 html5와 css3를 공부해야 할까?

최신 웹 표준에 맞는 웹 사이트 제작 -> '반응형 웹 디자인'

- html5와 css3를 사용하면 사용자가 접속한 기기에 따라 사이트 레이아웃을 다양하게 바꿀 수 있다.

앱 화면을 디자이하기 위한 기초

- html5의 api를 사용해 '웹앱'만들 수도 있고, 앱 화면은 html5와 css3를 사용해 디자인

My Web Story